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

2022-08-21 13:48:12 字數 652 閱讀 5455

事件:事件是使用者或瀏覽器自身執行的某些動作,例如 : click   load   mouseover

事件處理程式:用於響應某個事件的函式

在不同的瀏覽器,dom中,事件處理程式是響應某個事件的函式

dom0:中事件處理函式  event:onclick=function              刪除程式:event:onclick=null;

dom 2:addeventlistener()            removeeventlistener();

他們都接受三個引數,要處理的事件名,作為事件處理程式的函式, 乙個布林值 true表示在捕獲階段呼叫事件處理程式,如果是false,表示在冒泡階段呼叫事件處理程式

ie事件處理函式程式:attachevent() detachevent();都接受兩個引數,事件處理程式名稱和事件處理函式

要解決跨瀏覽器的事件處理程式:**如下:

var eventutil=else if(element,attachevent)else

},removehandler:function(element,type,hander)else if(element.detachevent)else

}}

呼叫時 eventuntil.addhander();

跨瀏覽器的事件處理程式

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

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

新增事件 element是要操作的元素,type是事件名稱,handler是事件處理程式函式 function addhandler element,type,handler else if element.attachevent else 移除事件 function removehandler e...

跨瀏覽器之事件處理程式

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