事件绑定的那些小事

最新推荐文章于 2022-06-18 09:25:10 发布

jennyya

最新推荐文章于 2022-06-18 09:25:10 发布

阅读量100

点赞数

分类专栏： js 文章标签：事件绑定

本文链接：https://blog.csdn.net/jennyya/article/details/83831807

版权

js 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

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

普通点击事件

>>	<button id="btn">点击事件</button>
 	var btn=document.getElementById("btn");
    btn.onclick=function(){
        console.log(1)
    }
    btn.onclick=function(){
        console.log(2)
    }
  //输出 2

事件绑定

>>  btn.addEventListener("click",function(){
       console.log(1)
   }，false)
   btn.addEventListener("click",function(){
       console.log(2)
   },false)
   输出 1 2

普通事件添加事件方法不支持多个事件，最后的会覆盖前一个，普通事件无法取消。
通过事件绑定的方式可以添加多个，支持事件冒泡和事件捕获但是addEventListener不兼容IE。