JavaScript讓IE瀏覽器event對象符合W3C DOM標準

2019-11-21 00:58:05

字體：大中小

來源：轉載

供稿：網友

<!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>無標題文檔</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屬性 
//事件的階段,可能有以下的值中的一個: 
// 0 - 捕獲階段 
// 1 - 在目標上 
// 2 - 冒泡階段 
oEvent.eventPhase = 2; 
//W3C event的isChar屬性,表示按下的按鍵是否有字符與之相關 
oEvent.isChar = (EventUtil.charCode > 0); 
//W3C event的pageX屬性,鼠標相對于頁面的X坐標 
oEvent.pageX = oEvent.clientX + document.body.scrollLeft; 
//W3C event的pageY屬性,鼠標相對于頁面的Y坐標 
oEvent.pageY = oEvent.clientY + document.body.scrollTop; 
//W3C event的preventDefault方法,阻止事件的默認行為 
oEvent.preventDefault = function(){ 
this.returnValue = false; 
}; 
//W3C event的relatedTarget屬性,事件的第二目標,經常用于鼠標事件 
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屬性,創建當前時間,并返回毫秒數 
oEvent.time = (new Date()).getTime(); 
} 
return oEvent; 
}; 
EventUtil.getEvent = function(){ 
if(window.event){ 
// IE 下返回event對象 
return this.formatEvent(window.event); 
}else{ 
// W3C 下返回event對象 
return EventUtil.getEvent.caller.arguments[0]; 
} 
}; 
document.getElementById('butt').onclick = function(){ 
var oEvent = EventUtil.getEvent(); 
alert(oEvent); 
}; 
</script> 
</html>