? ? ? ?引用的是JavaScript高程書中的一段話,感覺很實(shí)用,而且自己經(jīng)常忘記,記下了贡羔,對(duì)以后的開發(fā)也有一定的作用。
? ? ? ? ?兼容DOM的瀏覽器會(huì)將一個(gè)event對(duì)象傳入到事件處理程序中碍讨。無(wú)論指定事件處理程序時(shí)使用什么方法(DOM0級(jí)或者DOM2級(jí))治力,都會(huì)傳入event對(duì)象蒙秒。來(lái)看一個(gè)例子:
var btn = document.getElementById("mybtn");
btn.onclick = function(event){
? ? ? ?alert(event.type); ? ? ? ? ? ? ? ? ? ? ?//"click"
};
btn.addEventListener("click", function(event){
alert(event.type);? ? ? ? ? ? ? ? ? ? ? ? ? //"click"
}, false);
這個(gè)例子中的兩個(gè)事件處理程序都會(huì)彈出一個(gè)警告框勃黍,顯示evernt.type屬性表示的事件類型。這個(gè)屬性始終都會(huì)包含被觸發(fā)的事件類型晕讲。
event對(duì)象包含與創(chuàng)建它的特定事件有關(guān)的屬性和方法覆获。觸發(fā)的事件類型不一樣马澈,可用的屬性和方法也不一樣。不過弄息,所有的事件都會(huì)有下表列出的成員:
屬性/方法 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 類型 ? ? ? ? ? ? ? ? ? ? ? ? ? ? 讀/寫 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?說明
bubbles ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?Boolean ? ? ? ? ? ? ? ? ? ? ? ? ?只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?表明事件冒泡
cancelable ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Boolean? ? ? ? ? ? ? ? ? ? ? ? ? 只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 表明是否可以取消事件的默認(rèn)行為
currentTarget ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Element ? ? ? ? ? ? ? ? ? ? ? ? ?只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?其事件處理程序當(dāng)前正在處理事件的那個(gè)元素
defaultPrevented ? ? ? ? ? ? ? ? ? ? ? ? ? ? Boolean ? ? ? ? ? ? ? ? ? ? ? ? ?只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?為true表示已經(jīng)調(diào)用了preventDefault()
detail? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Integer ? ? ? ? ? ? ? ? ? ? ? ? ? ?只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?與事件相關(guān)的細(xì)節(jié)信息
eventPhase? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Integer? ? ? ? ? ? ? ? ? ? ? ? ? ? 只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 調(diào)用事件處理程序的階段:1表示捕獲階段痊班,2表 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?示“處于目標(biāo)階段”,3表示冒泡階段
preventdefault()? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Function ? ? ? ? ? ? ? ? ? ? ? ?只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?取消事件的默認(rèn)行為摹量。如果cancelable是true涤伐,則 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 可以使用這個(gè)方法
stopImmediatePropagation()? ? ? ? ? ? Function ? ? ? ? ? ? ? ? ? ? ? ?只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?取消事件的進(jìn)一步捕獲或冒泡。同時(shí)阻止任何事件 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?處理程序調(diào)用
stopPropagation()? ? ? ? ? ? ? ? ? ? ? ? ? ? Function ? ? ? ? ? ? ? ? ? ? ? ? 只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?取消事件的進(jìn)一步捕獲或冒泡缨称。如果bubbles為 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?true凝果,則 可以使用這個(gè)方法
target ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Element? ? ? ? ? ? ? ? ? ? ? ? ? 只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?事件的目標(biāo)
trusted ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Boolean? ? ? ? ? ? ? ? ? ? ? ? ? 只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 為true表示事件是瀏覽器生成的。為false表示事件 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 是由開發(fā)人員通過Javascript創(chuàng)建的
type ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? String ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 被觸發(fā)的事件類型
view? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? AbstractView ? ? ? ? ? ? ? ? ? 只讀 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 與事件關(guān)聯(lián)的抽象視圖睦尽。等同于發(fā)生事件的 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? window對(duì)象
這個(gè)是我在學(xué)習(xí)和生產(chǎn)中遇到的一些比較event對(duì)象器净,然后看了書,綜合在一起当凡,有一些方法是經(jīng)常要用到的山害。