資訊專(zhuān)欄INFORMATION COLUMN
摘要：它們都接受三個(gè)參數(shù)要處理的事件名作為事件處理程序的函數(shù)和一個(gè)布爾值。如果是通過(guò)特性指定的事件處理程序，那么還可以通過(guò)一個(gè)名叫的變量來(lái)訪(fǎng)問(wèn)對(duì)象。對(duì)于和事件來(lái)說(shuō)，在其對(duì)象存在一個(gè)屬性，表示按下或釋放的按鈕。
DOM2級(jí)事件處理程序:
DOM2級(jí)事件處理程序定義了兩個(gè)方法，用于處理指定和刪除事件處理程序的操作：addEventListener()和removeEventLisener()。
它們都接受三個(gè)參數(shù)：要處理的事件名、作為事件處理程序的函數(shù)和一個(gè)布爾值。布爾值參數(shù)如果是true，表示在捕獲階段調(diào)用事件處理程序；如果是false，表示在冒泡階段調(diào)用事件處理程序。
IE實(shí)現(xiàn)了DOM中類(lèi)似的兩個(gè)方法：attachEvent()和detachEvent()。
這兩個(gè)方法接受相同的兩個(gè)參數(shù)：事件處理程序名稱(chēng)與事件處理程序函數(shù)。由于IE8及更早版本只支持事件冒泡，所以通過(guò)attachEvent()添加的事件處理程序都會(huì)被添加到冒泡階段。
event || window.event
1.DOM
兼容DOM的瀏覽器會(huì)將一個(gè)event對(duì)象傳入到事件處理程序中。
2.IE
在使用DOM0級(jí)方法添加事件處理程序時(shí)，event對(duì)象最為window對(duì)象的一個(gè)屬性存在，用window.event取得evnet對(duì)象。
如果事件處理程序是用attachEvent()添加的，那么就會(huì)有一個(gè)event對(duì)象作為參數(shù)被傳入程序函數(shù)中。
如果是通過(guò)HTML特性指定的事件處理程序，那么還可以通過(guò)一個(gè)名叫event的變量來(lái)訪(fǎng)問(wèn)event對(duì)象。
event.target || event.srcElement
1.DOM
target包含事件的實(shí)際目標(biāo)。
2.IE
因?yàn)槭录幚沓绦虻淖饔糜蚴歉鶕?jù)指定它的方式來(lái)確定的，所以this不一定會(huì)始終等于事件目標(biāo)。因而，最好還是使用event.srcElement比較保險(xiǎn)。
1.DOM
preventDefault()取消事件的默認(rèn)行為
2.IE
returnValue屬性相當(dāng)于DOM中的preventDefault()方法，他們的作用都是取消給定事件的默認(rèn)行為。只要將returnValue設(shè)置為false，就可以阻止默認(rèn)行為。
1.DOM
stopProgagation()取消事件的進(jìn)一步捕獲或冒泡
2.IE
cancelBubble屬性與DOM中的stopPropagation()方法作用相同，都是用來(lái)停止事件冒泡的。
mouseover：事件的主目標(biāo)是獲得光標(biāo)的元素，而相關(guān)元素是失去光標(biāo)的元素。
mouserout：事件的主目標(biāo)是失去光標(biāo)的元素，而相關(guān)元素是獲得光標(biāo)的元素。
1.DOM
DOM通過(guò)event對(duì)象的relateTarget屬性提供了相關(guān)元素的信息
2.IE
IE8及之前的版本不支持getRelatedTarget屬性。
但在mouseover事件觸發(fā)時(shí)，IE的fromElement屬性中保存了相關(guān)元素
在mouseout事件觸發(fā)時(shí)，IE的toElement屬性中保存了相關(guān)元素。
對(duì)于mousedown和mouseup事件來(lái)說(shuō)，在其event對(duì)象存在一個(gè)button屬性，表示按下或釋放的按鈕。
1.DOM
DOM的button屬性有3個(gè)，
0表示主鼠標(biāo)鍵
1表示總監(jiān)的鼠標(biāo)按鈕（鼠標(biāo)滾輪按鈕）
2表示次鼠標(biāo)按鈕
2.IE
IE8之前變笨也提供了button屬性，但這個(gè)屬性的值和DOM有很大的差異
0：表示沒(méi)有按下按鈕
1：表示按下了主鼠標(biāo)按鈕
2：表示按下了次鼠標(biāo)按鈕
3：表示同時(shí)按下了主、次鼠標(biāo)按鈕
4：表示按下了中間的鼠標(biāo)按鈕
5：表示同時(shí)按下了主鼠標(biāo)按鈕和中間的鼠標(biāo)按鈕
6：表示同時(shí)按下了次鼠標(biāo)按鈕和中間的鼠標(biāo)按鈕
7：表示同時(shí)按下了三個(gè)鼠標(biāo)按鈕
鍵碼：
在發(fā)生keydown和keyup事件時(shí)，event對(duì)象的keyCode屬性中會(huì)包含一個(gè)代碼，與鍵盤(pán)上一個(gè)特定的鍵對(duì)應(yīng)。對(duì)數(shù)字字母字符鍵，keyCode屬性的值與ASCII碼中對(duì)應(yīng)小寫(xiě)字母或數(shù)字的編碼相同。
字符編碼：
charCode屬性只有在發(fā)生keypress事件時(shí)才包含值。
代碼如下:
EventUtil = {
addHandler: function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent("on"+type,handler);
}else{
element["on"+type] = handler;
}
},
removeHandler: function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}else if(element.detachEvent){
element.detachEvent("on" + type,handler);
}else{
element["on" + type] = null;
}
},
getEvent: function(event){
return event?event:window.event;
},
getTarget: function(event){
return event.target || event.srcElement;
},
preventDefault: function(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
}
},
stopProgagation: function(event){
if(event.stopProgagation){
event.stopProgagation();
}else{
event.cancelBubble = true;
}
},
getRelatedTarget: function(event){
if(event.relatedTarget){
return event.relatedTarget;
}else if(event.toElement){
return event.toElement;
}else if(event.fromElement){
return event.fromElement;
}else{
return null;
}
},
getButton:function(event){
if(document.implementation.hasFeature("MouseEvents","2.0")){
return event.button;
}else{
switch (event.button){
case 0:
case 1:
case 3:
case 5:
case 7:
return 0;
case 2:
case 6:
return 2;
case 4:
return 1;
}
}
},
getCharCode: function(event){
if(typeof event.charCode == "number"){
return event.charCode;
}else{
return event.keyCode;
}
}
};
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81379.html
摘要：一旦事件處理程序執(zhí)行完成，對(duì)象就會(huì)被銷(xiāo)毀。所有瀏覽器對(duì)的支持方式包括事件對(duì)象和事件對(duì)象。無(wú)論指定事件處理程序時(shí)使用什么方法級(jí)或級(jí)，都會(huì)傳入對(duì)象。由于不支持事件捕獲，因而只能取消事件冒泡但可以同時(shí)取消事件捕獲和冒泡。 0 Event Object導(dǎo)論 支持DOM0、DOM2的瀏覽器和IE瀏覽器實(shí)現(xiàn)事件處理程序的不同，除了體現(xiàn)在添加事件處理程序的不同上，還體現(xiàn)在event對(duì)象的實(shí)現(xiàn)差異上，...
摘要：一旦事件處理程序執(zhí)行完成，對(duì)象就會(huì)被銷(xiāo)毀。所有瀏覽器對(duì)的支持方式包括事件對(duì)象和事件對(duì)象。無(wú)論指定事件處理程序時(shí)使用什么方法級(jí)或級(jí)，都會(huì)傳入對(duì)象。由于不支持事件捕獲，因而只能取消事件冒泡但可以同時(shí)取消事件捕獲和冒泡。 0 Event Object導(dǎo)論 支持DOM0、DOM2的瀏覽器和IE瀏覽器實(shí)現(xiàn)事件處理程序的不同，除了體現(xiàn)在添加事件處理程序的不同上，還體現(xiàn)在event對(duì)象的實(shí)現(xiàn)差異上，...
摘要：在事件處理，事件對(duì)象，阻止事件的傳播等方法或?qū)ο蟠嬖谥鵀g覽器兼容性問(wèn)題，開(kāi)發(fā)過(guò)程中最好編寫(xiě)成一個(gè)通用的事件處理工具。上面的中事件的執(zhí)行都發(fā)生了目標(biāo)階段事件對(duì)象的屬性用來(lái)表示事件處理發(fā)生在事件流哪個(gè)階段。 最近在閱讀javascript高級(jí)程序設(shè)計(jì)，事件這一塊還是有很多東西要學(xué)的，就把一些思考和總結(jié)記錄下。在事件處理，事件對(duì)象，阻止事件的傳播等方法或?qū)ο蟠嬖谥鵀g覽器兼容性問(wèn)題，開(kāi)發(fā)過(guò)程中...
摘要：本文章需要一些前置知識(shí)事件基礎(chǔ)知識(shí)對(duì)象詳解圍繞著如何更好地實(shí)現(xiàn)一個(gè)跨瀏覽器的事件處理小型庫(kù)展開(kāi)討論。處理垃圾回收過(guò)濾觸發(fā)或刪除一些處理程序解綁特定類(lèi)型的所有事件克隆事件處理程序依照這樣的一個(gè)思路，我們來(lái)一步步實(shí)現(xiàn)這樣一個(gè)模塊。 本文章需要一些前置知識(shí) 事件基礎(chǔ)知識(shí) event對(duì)象詳解 圍繞著如何更好地實(shí)現(xiàn)一個(gè)跨瀏覽器的事件處理小型庫(kù)展開(kāi)討論。 1. 初步實(shí)現(xiàn) 在《JavaScrip...
閱讀 1565·2021-11-25 09:43
閱讀 2349·2019-08-30 15:55
閱讀 1474·2019-08-30 13:08
閱讀 2687·2019-08-29 10:59
閱讀 825·2019-08-29 10:54
閱讀 1597·2019-08-26 18:26
閱讀 2559·2019-08-26 13:44
閱讀 2662·2019-08-23 18:36
