DOM事件物件

2022-07-16 13:48:12 字數 1297 閱讀 5919

觸發dom上的事件時會產生乙個事件物件event。

event物件會傳入到事件處理程式中。

一、dom 中的event物件的主要屬性和方法

1、屬性:type 被觸發事件的型別  currenttarget其事件處理程式當前正在處理事件的那個元素  target事件的目標

this  currenttarget  target的區別

eventphase表明事件正處於哪個階段,捕獲階段為1,處於目標物件上為2,冒泡階段為3

//this始終等於currenttarget的值,而target只指事件的真正目標

var btn = document.getelementbyid("mybtn");

btn.onclick=function(event)

//target是指事件的真正目標

document.body.onclik=function(event)

var link = document.getelementbyid("mylink");

link.onclick = function(event)

stopprogration()方法:用於立即停止事件在dom層次中的傳播,即取消進一步的事件捕獲或冒泡

var btn=document.getelementbyid("mybtn");

btn.onclick = function(event)

document.body.onclick=function(event)

二、ie 中的event物件與不同,下面是乙個相容方案

var eventutil = else if(element.attachevent)else

},    //移除事件

removehandle:functioon(element,type,handle)else if(element.detachevent)else

}, //獲取事件物件

getevent:function(event),

//獲取目標物件

gettarget:function(event)

//阻止預設行為

preventdefault:function(event)else

}, //停止事件傳播

stoppropagation:function(event)else

}}

二、事件分類

DOM事件物件

dom事件物件 div.onclick function event 小括號中的event就是事件物件 1 事件物件是系統給我們自動建立的,我們只需要在小括號中宣告一下就可以了,並且可以自主命名,如event,evt,e都可以 2 事件物件是和我們建立的事件相關的一系列資料的集合 比如滑鼠點選事件中...

DOM事件物件的屬性

事件物件event的屬性 屬性 方法 型別 說明 bubbles 布林值,表示事件是否冒泡 cancelable 布林值,表示是否可以取消事件的預設行為 currenttarget 元素,當前事件處理程式所在的元素 defaultprevented 布林值,true表示以及呼叫preventdefa...

DOM 事件(鍵盤事件)

onkeydown 事件會在使用者按下乙個鍵盤按鍵時發生。onkeydown onkeypress onkeyup onkeydown事件在很多小遊戲上應用較多,比如需要控制上下左右的很多遊戲,如2048,貪吃蛇,俄羅斯方塊等等。keydown function bind this 然後就可以通過鍵...