JavaScript事件绑定和普通事件区别

最新推荐文章于 2024-09-16 09:28:38 发布

qq_34387948

最新推荐文章于 2024-09-16 09:28:38 发布

阅读量1.2k

点赞数 1

分类专栏： JavaScript 文章标签：普通事件绑定事件 addEventListener onclick

本文链接：https://blog.csdn.net/qq_34387948/article/details/53393340

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

区别：普通事件只支持单个事件，而事件绑定可以添加多个事件

<body>
<meta charset="UTF-8"></meta>
<button id="btn" >
button
</button>
</body>
<script type="text/javascript">
var btn=document.getElementById("btn");
btn.οnclick=function(){
	alert("1普通事件");
}
btn.οnclick=function(){
	alert("2普通事件");
}

btn.addEventListener("click",function(){
	alert("绑定事件1");
})
btn.addEventListener("click",function(){
	alert("绑定事件2");
})
</script>

上面代码执行后依次会弹出：普通事件2、事件绑定1、事件绑定2。