代码展示:
控制台输出结果:
区别:普通添加事件的方法不支持添加多个,前面的会被后面的覆盖;
事件绑定支持添加多个事件。
知识点回顾:
事件绑定(事件监听):
定义:给同一个事件绑定多个事件处理函数。
添加事件监听:
标准浏览器: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); } }