快捷導(dǎo)航

JavaScript讓IE瀏覽器event對(duì)象符合W3C DOM標(biāo)準(zhǔn)

更新時(shí)間：2009年11月24日 21:11:11 作者：

IE瀏覽器event對(duì)象跟W3C實(shí)現(xiàn)的不一樣.所以自己封裝一個(gè)EventUtil類來讓IE瀏覽器的event對(duì)象與W3C一樣.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>無標(biāo)題文檔</title> 
</head> 
<body> 
<input id="butt" type="button" value="提交" /> 
</body> 
<script type="text/javascript"> 
var EventUtil = {}; 
EventUtil.formatEvent = function(oEvent){ 
if(window.ActiveXObject){ 
//W3C event的charCode屬性,按下的按鍵的Unicode值 
oEvent.charCode = (oEvent.type == 'keypress') ? oEvent.keyCode : 0; 
//W3C event的eventPhase屬性 
//事件的階段,可能有以下的值中的一個(gè): 
// 0 - 捕獲階段 
// 1 - 在目標(biāo)上 
// 2 - 冒泡階段 
oEvent.eventPhase = 2; 
//W3C event的isChar屬性,表示按下的按鍵是否有字符與之相關(guān) 
oEvent.isChar = (EventUtil.charCode > 0); 
//W3C event的pageX屬性,鼠標(biāo)相對(duì)于頁面的X坐標(biāo) 
oEvent.pageX = oEvent.clientX + document.body.scrollLeft; 
//W3C event的pageY屬性,鼠標(biāo)相對(duì)于頁面的Y坐標(biāo) 
oEvent.pageY = oEvent.clientY + document.body.scrollTop; 
//W3C event的preventDefault方法,阻止事件的默認(rèn)行為 
oEvent.preventDefault = function(){ 
this.returnValue = false; 
}; 
//W3C event的relatedTarget屬性,事件的第二目標(biāo),經(jīng)常用于鼠標(biāo)事件 
if(oEvent.type == 'mouseout'){ 
oEvent.relatedTarget = oEvent.toElement; 
}else if(oEvent.type == 'mouseover'){ 
oEvent.relatedTarget = oEvent.fromElement; 
} 
//W3C event的stopPropagation方法,取消冒泡事件 
oEvent.stopPropagation = function(){ 
this.cancelBubble = true; 
}; 
//W3C event的target屬性 
oEvent.target = oEvent.srcElement; 
//W3C event的timestamp屬性,創(chuàng)建當(dāng)前時(shí)間,并返回毫秒數(shù) 
oEvent.time = (new Date()).getTime(); 
} 
return oEvent; 
}; 
EventUtil.getEvent = function(){ 
if(window.event){ 
// IE 下返回event對(duì)象 
return this.formatEvent(window.event); 
}else{ 
// W3C 下返回event對(duì)象 
return EventUtil.getEvent.caller.arguments[0]; 
} 
}; 
document.getElementById('butt').onclick = function(){ 
var oEvent = EventUtil.getEvent(); 
alert(oEvent); 
}; 
</script> 
</html>