js中普通绑定事件与addEventListener绑定事件的不同之处

荒凉一梦 提交于 2019-12-09 08:11:02
一、onclick 添加事件不能绑定多个事件,后面绑定的会覆盖前面的。
        
    二、addEventListener 能添加多个事件绑定,按顺序执行。
        
    三、addEventListener方式,不支持低版本的IE。(attachEvent 支持IE)。

    四、普通方式绑定事件后,不可以取消。addEventListener绑定后则可以用 removeEvenListener 取消。
       

      removeEventListener取消绑定事件时注意 addEventListener() 的执行函数必须使用外部函数,如obj.addEventListener('event',shuo,false)。匿名函数,类似 "document.removeEventListener("event", function(){ myScript });" 该事件是无法移除的。



    五、addEventListener 是W3C DOM 规范中提供的注册事件监听器的方法。
    
      addEventListener用法:
语法:target.addEventListener( type , listener , useCapture )
            示例:document.getElementById("item").addEventListener( 'click' , function , false )

     六、addEventListener 第三个参数:
        为 true 时,浏览器采用Capture(捕捉)
        为 false 时,浏览器采用bubbing(冒泡)-- 建议使用!
    七、blur和focus不支持冒泡
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!