普通事件绑定与符合W3C标准的事件绑定的区别

代码展示：

控制台输出结果：

 

区别：普通添加事件的方法不支持添加多个，前面的会被后面的覆盖；

           事件绑定支持添加多个事件。

知识点回顾：

事件绑定（事件监听）：

定义：给同一个事件绑定多个事件处理函数。

添加事件监听：

标准浏览器：obj.addEventListener('click',fn,false)

三个参数：1.触发事件

                  2.触发的函数

                  3.布尔值（表示是否捕获：true--捕获；false--冒泡【默认】）

IE浏览器：obj.attchEvent('onclick',fn)

两个参数：1.事件驱动

                  2.触发函数

添加事件监听的兼容：

function addEventListener(obj,event,fn,boo){
     if(obj.addEventListener){
           obj.addEventListener(event,fn,boo);
               }else if(obj.attachEvent){
                       obj.attachEvent('on' + event,fn);
               }
}

取消事件监听：

标准浏览器：obj.removeEventListener('click',fn,false)

IE浏览器：obj.detachEvent('onclick',fn)

取消事件监听的兼容：

function removeEventListener(obj,event,fn,boo){
        if(obj.removeEventListener){
               obj.removeEventListener(event,fn,boo);
                       }else if(obj.detachEvent){
                                obj.detachEvent('on' + event,fn);
                       }
}

转载于:https://www.cnblogs.com/kinoko-1009/p/10232198.html