IE事件對象（The Internet Explorer Event Object）

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

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

看下面的例子，

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

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

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

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

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

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

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

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

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

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

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

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

　　在這個例子中，用returnValue屬性來取消連接的默認行為。與dom不同的是，沒有方法能夠決定一個事件是否可以被取消或者禁用javascript。
　　cancleBubble屬性與都沒中stopPropagation（）的功能相同，阻止事件的冒泡。因為IE8或者更早的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"); 
}; 

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

您可能感興趣的文章: