在觸發dom上的某個事件的時候,會產生乙個事件物件event,這個物件包含著所有與事件有關的資訊,包括導致事件的元素、事件型別等,所有的瀏覽器都支援event物件,但支援方式不同。
(只有在事件處理程式執行期間,event物件才會存在,一旦執行完成就會別銷毀)
(1)dom中的事件物件
var btn = document.getelementbyid('btn');
btn.onclick = function(e)
幾個常用的屬性:
bubbles:表明事件是否冒泡
cancelable:是否可以取消事件的預設行為
currenttarget:事件處理程式當前正在處理事件的預設行為
eventphase:呼叫事件處理程式的階段1-捕獲,2-處於目標,3-冒泡
preventdefault:取消事件的預設行為
stoppropagation:取消事件的捕獲或者冒泡
target:事件的目標
(2)ie中的事件物件
btn.onclick = function()
but,,如果事件處理程式是使用attachevent()新增的,則
btn.attachevent('onclick',function(e));
它的常用方法:
cancelbubble:預設值為false,事件冒泡,true,取消事件冒泡
srcelement:事件的目標
returnvalue:預設為true,false為取消預設行為
type:事件型別
(3)跨瀏覽器的事件物件
getevent:
function(e),
gettarget:
function(e),
preventdefault:
function(e)else
},stoppropagation:
function(e)else
}
事件及事件物件
一 事件物件event 事件觸發會生成事件物件event,event物件是跟事件相關的資料集合,比如點選事件中觸發事件的元素 滑鼠的位值等。input輸入事件中使用者按下了哪個鍵等。事件物件中常用的屬性 1 event.type 事件型別 2 event.target 觸發事件的目標元素,ie 8不...
js 事件 事件物件
關於事件寫了一系列文章 1.事件流 事件捕獲和事件冒泡 2.事件處理程式 3.事件物件 本文介紹事件物件 4.通用的事件偵聽器函式 5.事件迴圈 event loop 6.事件 event delegation 1.事件物件 觸發dom上的某個物件時,會產生乙個事件物件event dom0級事件物件...
js事件物件 事件委託
var div document.getelementsbytagname div 0 div.onclick function e chromeiee window.event firefox iechrome event.target event.srcelement event.target ...