快捷導(dǎo)航

IE事件對(duì)象（The Internet Explorer Event Object）

更新時(shí)間：2012年06月27日 10:40:18 作者：

不同于DOM事件對(duì)象，基于Event Handler授權(quán)這種方式，IE事件對(duì)象可以用不同的方式進(jìn)行訪問(wèn)。當(dāng)一個(gè)事件Handler通過(guò)DOM 0 級(jí)的方式被授權(quán)，則這個(gè)事件對(duì)象將作為window對(duì)象的屬性而存在

看下面的例子，

復(fù)制代碼代碼如下:

 
　　var btn ＝ document.getElementById('mybtn'); 
　　btn.onclick = function(){ 
　　　　var event = window.event; 
　　　　alert(event.type);//"click" 
　　} 

　　此時(shí)，event對(duì)象來(lái)源于window.event對(duì)象，并且之后又用于確定事件類型。然而，當(dāng)eventHandler 通過(guò)attachEvent()這種方式來(lái)授權(quán)的話，event 對(duì)象將作為function的唯一參數(shù)，請(qǐng)看如下代碼

復(fù)制代碼代碼如下:

 
var btn = document.getElementById("myBtn"); 
btn.attachEvent("onclick", function(event){ 
alert(event.type); //"click" 
}); 

　　當(dāng)使用attachEvent() 方法時(shí)，事件對(duì)象同時(shí)也可以在window對(duì)象上進(jìn)行訪問(wèn)，和dom 0級(jí)的實(shí)現(xiàn)方式一樣，并且事件對(duì)象同樣被傳進(jìn)來(lái)作為一個(gè)參數(shù)。
　　如果event Handler 是通過(guò)HTML屬性被授權(quán)的，event是作為一個(gè)一個(gè)變量被訪問(wèn)的，叫做event。例如

復(fù)制代碼代碼如下:

　　IE 事件對(duì)象同樣包含屬性和方法，這與創(chuàng)建該特定事件有關(guān)。這些屬性和方法，要么直接映射到DOM的屬性和方法，要么與DOM的屬性和方法相關(guān)。象DOM事件對(duì)象的屬性和方法回由于出發(fā)事件的的不同而不同，但共有的方法如下：
　　cancleBubble 布爾可讀/可寫(xiě) 默認(rèn)值時(shí)false，但可以被設(shè)置成true來(lái)取消事件冒泡，與dom中的 stopPropagation()方法相同。
　　returnValue 布爾可讀/可寫(xiě) 默認(rèn)值是true，當(dāng)設(shè)置成false時(shí)用以取消事件的默認(rèn)行為與dom中的preventDefault（）相同。
　　srcElement　元素只讀　　　事件的目標(biāo)，與dom中的target屬性相同。
　　type　　　　　字符串只讀被觸發(fā)的事件類型。
　　因?yàn)閑vent handler的事件作用域是由授權(quán)方式?jīng)Q定的，所以this的值不應(yīng)該總指向這個(gè)事件的目標(biāo)，所以用event.SrcElement 來(lái)代替。例子如下
　　

復(fù)制代碼代碼如下:

 
btn.onclick = function(){ 
alert(window.event.srcElement === this); //true 
}; 
btn.attachEvent("onclick", function(event){ 
alert(event.srcElement === this); //false 
}); 

　　在第一個(gè)event handler中通過(guò)DOM0級(jí)的方式來(lái)授權(quán)，所以srcElement屬性指向this，但在第二個(gè) event handler中這兩個(gè)值時(shí)不同的。
　　returnValue屬性等同于DOM中的preventDefault（）方法，同樣是用來(lái)取消事件的默認(rèn)行為，你需要將returnValue的屬性值設(shè)置成false來(lái)取消事件的默認(rèn)動(dòng)作，請(qǐng)看如下例子；

復(fù)制代碼代碼如下:

 
var link ＝ document.getElementById('myLink'); 
link.onclick = function(){ 
window.event.returnValue = false; 
}; 

　　在這個(gè)例子中，用returnValue屬性來(lái)取消連接的默認(rèn)行為。與dom不同的是，沒(méi)有方法能夠決定一個(gè)事件是否可以被取消或者禁用javascript。
　　cancleBubble屬性與都沒(méi)中stopPropagation（）的功能相同，阻止事件的冒泡。因?yàn)镮E8或者更早的IE版本，不支持事件捕捉階段，而且cancleBubble只支持冒泡的取消，而stopPropagation（）是取消事件的捕捉和冒泡。例如：

復(fù)制代碼代碼如下:

 
var btn = document.getElementById("myBtn"); 
btn.onclick = function(){ 
alert("Clicked"); 
window.event.cancelBubble = true; 
}; 
document.body.onclick = function(){ 
alert("Body clicked"); 
}; 

　　通過(guò)愛(ài) onclick 這個(gè)handler中設(shè)置cancelBubble的值為true，他阻止了事件冒泡至document.body 的事件處理，因此當(dāng)btn被點(diǎn)擊的時(shí)候，結(jié)果只會(huì)彈出一個(gè)提示對(duì)話框，即"click"。

您可能感興趣的文章: