由於ie中event物件的全部資訊和方法dom 中都有,所以實現兩種時間模型之間的對映還是容易的。
vareventutil= else;},getevent:function(event),
gettarget:function(event),
preventdefault:function(event)else;
},removehandler:function(element,type,handler)else;
},stoppropagation:function(event)else}};
以上為新增了幾個為eventutil物件定義的方法:
1.getevent()、gettarget()
呼叫:var btn = document.getelementbyid("mybtn");
btn.onclick = function(event);
2.preventdeafault()
呼叫:
var link = document.getelementbyid("mylink");link.onclick = function(event);
3.stoppropagation();
呼叫:var btn = document.getelementbyid("mybtn");
btn.onclick = function(event);
document.onclick = function(event);由於ie不支援事件捕捉,所以此方法在跨瀏覽器的情況下,也只是用來阻止事件冒泡。
此上為封裝的eventutil物件,用於在跨瀏覽器**時使用,希望對大家有幫助!
事件物件(示例 封裝函式EventUtil )
事件物件 什麼是事件物件?在觸發dom上的事件時都會產生乙個物件。事件物件event 1.dom中的事件物件 1 type屬性用於獲取事件型別 2 target屬性用於獲取事件目標 3 stoppropagation 方法用於阻止事件冒泡 4 preventdefault 方法用於阻止事件的預設行為...
跨瀏覽器的事件物件
在前端開發工作中,由於瀏覽器相容性等問題,觸發事件物件的方法不同,分為ie和非ie兩種。下面主要介紹跨瀏覽器觸發 目標事件 阻止事件的預設行為 阻止事件冒泡 三種方法 var eventutil preventdefault function e else stoppropagation funct...
跨瀏覽器的事件物件介紹
複製 如下 var eventutil gettarget function event preventdefault function event else stopprorhqosapagation function event else 當使用乙個dom相容的瀏覽器時,event 變數僅僅是傳...