在前面一篇文章寫了javascript事件對(duì)象,Dom和IE的對(duì)象在不同瀏覽器下是不同的,如果要跨平臺(tái)使用則要格式化event或者是叫補(bǔ)充不同的屬性和方法.為了更簡單些,直接講window IE下的屬性或者方法進(jìn)行調(diào)整,使其擁有Dom的方法或?qū)傩?IE下沒有Dom的一些方法或者屬性,則通過IE的方法或者屬性來轉(zhuǎn)換或者定義為Dom的屬性
直接上代碼,在代碼中解釋
<script language="javascript">
var foraspcn = new Object;//這個(gè)不用解釋了,上一篇溫江對(duì)這個(gè)已經(jīng)詳細(xì)說明了.
foraspcn.format_event = function(oEvent)//這里的oEvent 是傳過來的window的屬性event,或者是Dom的唯一函數(shù)<網(wǎng)站制作學(xué)習(xí)網(wǎng)>
{
var sUserAgent = navigator.userAgent;
var isIE = sUserAgent.indexOf("compatible")>-1 &&sUserAgent.indexOf("MSIE")>-1&&!sUserAgent.indexOf("Opera")>-1;
var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
if(isIE && isWin)
{oEvent.charCode = (oEvent.type == "keypress")?oEvent.keyCode:0;
//IE中的字符代碼是在keypress事件發(fā)生時(shí)包含到keyCode屬性中,如果要?jiǎng)?chuàng)建charCode則直接返回keyCode否則返回0
oEvent.eventPhase = 2;
//設(shè)置eventPhase 為2始終是冒泡階段
oEvent.isChar = (oEvet.charCode > 0);
//如果判斷是不是字符時(shí),IE下判斷charCode是否大于0,如果大于則表示是,返回真.反之假
oEvent.pageX = oEvent.clinetX +document.body.scrollLeft;
oEvent.pageY = oEvent.clinetY +document.body.scrollTop;
//Dom中鼠標(biāo)的位置在ie中獲取鼠標(biāo)的位置clinet(不包含滾動(dòng)條),再加上滾動(dòng)條的位移<網(wǎng)站制作學(xué)習(xí)網(wǎng)>
oEvent.preventDefault = function(){this.returnvalue = false;}
//直接定義阻止默認(rèn)事件為false
if(oEvent.type == "mouseout")
{
oEvent.relatedTaget = oEvent.toElement;
}else if(oEvent.type == "mouseover")
{
oEvent.relatedTarget = oEvent.fromElement;
}
//通過不同的事件來定義ralatedTarget,看IE的屬性中是不一樣的.
oEvent.stopPropagation = function(){this.cancelBubble = true;}
//直接設(shè)置stopPropagation 為IE中的cancelbubble = true;
oEvent.target = oEvent.srcElement;
oEvent.time = (new Date().getTime());
}
return oEvent;
}
//調(diào)用格式化event//<網(wǎng)站制作學(xué)習(xí)網(wǎng)>
foraspcn.get_event = function(){
if(window.event)
{
return this.format_event(window.event);//如果是IE則進(jìn)行格式化window.event
}
else
{
return foraspcn.format_event.caller.arguments[0];//如果不是IE則調(diào)用調(diào)用函數(shù)的第一個(gè)參數(shù)即Dom的event
}
}
</script>
學(xué)習(xí)中........