JS事件處理函式
阿新 • • 發佈:2018-12-30
(a) ele.onxxx = function(event){}
相容性好,同一個元素的同一個事件上繫結一次,基本等同於解除安裝HTML行間
this指向DOM元素
(b) obj.addEventListener(事件型別,處理函式,false)
同一個物件同一個事件繫結多個處理函式
this指向dom元素
IE9 一下不相容
(c) IE獨有函式
obj.attachEvent(‘on’+事件型別,處理函式)
this 指向window
封裝addEvent函式,繫結事件處理函式,相容各瀏覽器
function addEvent(elem,type,handle){ //elem dom元素 type型別 handle 事件處理函式
if(elem.addEventListener){
elem.addEventListener(type,handle,false);
}else if(elem.attachEvent){
elem.attachEvent('on'+type,function(){
handle.call(elem); //使this指向dom元素
})
}else {
elem['on'+type] = handle;
}
}