js点击事件

最新推荐文章于 2025-05-28 08:33:01 发布

菜汪在路上

最新推荐文章于 2025-05-28 08:33:01 发布

阅读量6.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qx020814/article/details/125897142

js 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了JavaScript中三种不同的事件绑定方式：内联事件处理、DOM0级事件处理和DOM2级事件处理。通过示例展示了如何在按钮上绑定点击事件，以及实现图像的悬浮监听效果，当鼠标悬浮在图片上时停止滚动，离开时继续滚动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        <script>
			function getSum() {
				alert("点了一下");
			}
		</script>
		<input type="button" value="点击" onclick="getSum()" />

可以将事件绑定在按钮上，点击就触发

也可以绑定在js里面：

        <input id="an1" type="button" value="点击"/>
		<script>
			function dian() {
				alert("点了一下");
			}
			document.getElementById("an1").onclick = dian;
		</script>

将方法中的点击属性重新付给它自己

还有一种就是在标签里直接设置：

<input id="an1" type="button" value="点击" onclick="alert('点了一下')"/>

悬浮监听：

        <marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()">
			<img src="img/ys.png" width="20%" height="20%" />
		</marquee>

悬浮在图片上停止，离开图片继续