觸發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");stopprogration()方法:用於立即停止事件在dom層次中的傳播,即取消進一步的事件捕獲或冒泡link.onclick = function(event)
var btn=document.getelementbyid("mybtn");二、ie 中的event物件與不同,下面是乙個相容方案btn.onclick = function(event)
document.body.onclick=function(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 然後就可以通過鍵...