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