JS 事件物件

2021-07-27 10:57:10 字數 2430 閱讀 1295

在觸發dom上的某個事件時,會產生乙個事件物件event。這個物件中包含著所有與事件有關的資訊。包括導致事件的元素,事件的型別以及其他與特定事件相關的資訊。

所有瀏覽器都支援event物件,event物件會傳入dom0級,dom2級,html指定,的事件處理程式中,但支援的方式不同,所以也會涉及跨瀏覽器的部分。

function handler();

eventutil.addhandler(btn,'click',handler);

屬性方法

型別讀寫

說明bubbles

blooean

唯讀表明事件是否冒泡

stoppropagation()

function

唯讀取消事件的進一步捕獲或冒泡,如果bubbels為true,則可以使用這個方法

cancelable

blooean

唯讀表明是否可以取消事件的預設行為

preventdefault()

function

唯讀取消事件的預設行為,如果cancelable為true,則可以使用這個方法

currenttarget

element

唯讀其事件處理程式當前正在處理事件的那個元素

target

element

唯讀事件的目標

detail

integar

唯讀與事件相關的細節資訊

eventphase

integar

唯讀呼叫事件處理程式的階段:1表示捕獲階段2表示處於目標3表示冒泡階段

trusted

blooean

唯讀為true表示事件是瀏覽器生成的,為false表示事件是由開發人員通過js建立的

type

string

唯讀被觸發的事件的型別

view

abstractview

唯讀與事件關聯的抽象檢視。等同於發生事件的window物件

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

link.οnclick=function()

stoppropagation()

立即停止事件在dom層次中的傳播,即取消進一步的事件捕獲或冒泡。

function handler();

eventpahse

用來確定事件當前位於事件流的哪個階段

var btn=document.getelementbyid('d1');//body內的div

var wrap=document.getelementbyid('wrap');//body

function handler();

//單擊btn

btn.addeventlistener('click',handler,false);//2處於目標物件

wrap.addeventlistener('click',handler,false);//3冒泡階段

wrap.addeventlistener('click',handler,true);//1捕獲

this

看到了分歧,結果是必然要編寫乙個可以跨瀏覽器的。

屬性方法

型別讀寫

說明cancelbubble

blooean

讀/寫預設值為false,但將其設定為true就可以取消事件冒泡,與dom中stoppropagation()的方法作用相同

returnvalue

blooean

讀/寫預設值為true,但將其設定為fasle,就可以取消事件的預設行為,與dom中的preventdefault()方法的作用相同

srcelement

element

唯讀事件的目標,與dom中的target屬性相同

type

string

唯讀被觸發的事件型別

var eventutil=,

gettarget:function(event),

preventdefault:function()else

},stoppropagation:function()else

},addhandler:function(element,type,handler)else if(element.attachevent)

element.attachevent("on"+type,element["e"+type]);

}else

},removehandler:function(element,type,handler)else if(element.detachevent)else

}};

JS事件物件

1.什麼是事件物件 官方解釋 event 物件代表事件的狀態,比如鍵盤按鍵的狀態 滑鼠的位置 滑鼠按鈕的狀態。比如 誰繫結了這個事件。滑鼠觸發事件的話,會得到滑鼠的相關資訊,如滑鼠位置。鍵盤觸發事件的話,會得到鍵盤的相關資訊,如按了哪個鍵。2.事件物件的使用 事件觸發發生時就會產生事件物件,並且系統...

js 事件物件

事件繫結的格式 元素節點.on 事件型別 function 就是乙個事件物件 obtn 也是乙個物件,所以我們把上面中的.onclick function 看作是 obtn物件的乙個方法 函式 我們把這個事件函式寫在這以後,什麼事件呼叫的呢?我們都知道,只有按鈕被點選時才會呼叫這個事件函式,所以這個...

js事件物件

1 進入部落格 2 html event物件 在js中呼叫未被定義的變數,一般會報錯。我覺得這也是為什e e event中event要放在後面的原因。如果寫成window.event 其放在前面應該也沒關係 3 event物件 屬性和方法 屬性 button 判斷按滑鼠上的哪個鍵 0 沒有按鍵 1 ...