1. 程式人生 > >JS事件處理函式

JS事件處理函式

(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; } }