EventUtil物件之跨瀏覽器事件物件

2022-05-16 08:52:54 字數 978 閱讀 1321

由於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 變數僅僅是傳...