跨瀏覽器新增事件處理程式

2021-07-04 14:29:24 字數 754 閱讀 5954

新增事件:

//element是要操作的元素,type是事件名稱,handler是事件處理程式函式

function addhandler(element, type, handler)

else

if(element.attachevent)

else

}

移除事件

function removehandler(element, type, handler)

else

if(element.detachevent)

else

}

缺點是沒考慮ie中的作用域問題

// 阻止事件 (主要是事件冒泡,因為ie不支援事件捕獲)

stoppropagation : function

(ev) else

},// 取消事件的預設行為

preventdefault : function

(event) else

},// 獲取事件目標

gettarget : function

(event) ,

// 獲取event物件的引用,取到事件的所有資訊,確保隨時能使用event;

getevent : function

(e)

c = c.caller;}}

return ev;

}

跨瀏覽器的事件處理程式

要保證事件處理的 在大多數瀏覽器下能夠一致的執行,只需關注冒泡階段即可。第乙個要建立的方法是addhandler 它的職責是視情況分別使用 dom0 級方法 dom2 級方法或 ie 方法來新增事件。這個方法屬於乙個叫做 eventutil 的物件,addhandler 接受三個引數 要操作的元素 ...

跨瀏覽器之事件處理程式

上次說到了js中事件處理程式在dom0級和dom2級和ie中是不同的,每個都有自己的新增和移除事件處理程式的形式。那要將這些差異進行統一化。避免這種差異。對於順序問題,我們應該要先將最經常使用的放在最上面把相容性最好的放在最下面,也就是實現向後相容。1 function addevent obj,t...

處理跨瀏覽器的事件處理程式

事件 事件是使用者或瀏覽器自身執行的某些動作,例如 click load mouseover 事件處理程式 用於響應某個事件的函式 在不同的瀏覽器,dom中,事件處理程式是響應某個事件的函式 dom0 中事件處理函式 event onclick function 刪除程式 event onclick...