- ele.onxxx = function(event){}
兼容性很好,但是只能绑定一个事件
基本等同于写在html行间
程序this指向dom - obj.addEventListener(type,function(){},false)
IE9以下不兼容,可以绑定多个事件
程序this指向dom - obj.attachEven(on+type,fn)
IE独有,一个事件可以绑定多个处理程序
程序this指向window - 封装一个方法解决绑定兼容性问题
function addEvent(elem,type,handle){
if(elem.addEventListener){
elem.addEventListener(type,handle,false)
}else if(elem.attachEvent){
elem.attachEvent('on'+type,function(){
handle.call(elem)
})
}else{
else{
elem['on'+type] = handle
}
}
- 解除事件的方法
ele.onclick = false/null
ele.removeEventListener(type,fn,false)
ele.detachEvent(‘on’+type,fn)