事件(3) 事件物件

2021-07-22 12:51:00 字數 1046 閱讀 6053

在觸發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 ...