跨平台(格式化)event
在前面一篇文章写了javascript事件对象,Dom和IE的对象在不同浏览器下是不同的,如果要跨平台使用则要格式化event或者是叫补充不同的属性和方法.为了更简单些,直接讲window IE下的属性或者方法进行调整,使其拥有Dom的方法或属性.IE下没有Dom的一些方法或者属性,则通过IE的方法或者属性来转换或者定义为Dom的属性
直接上代码,在代码中解释
<script language="javascript">
var foraspcn = new Object;//这个不用解释了,上一篇温江对这个已经详细说明了.
foraspcn.format_event = function(oEvent)//这里的oEvent 是传过来的window的属性event,或者是Dom的唯一函数<网站制作学习网>
{
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事件发生时包含到keyCode属性中,如果要创建charCode则直接返回keyCode否则返回0
oEvent.eventPhase = 2;
//设置eventPhase 为2始终是冒泡阶段
oEvent.isChar = (oEvet.charCode > 0);
//如果判断是不是字符时,IE下判断charCode是否大于0,如果大于则表示是,返回真.反之假
oEvent.pageX = oEvent.clinetX +document.body.scrollLeft;
oEvent.pageY = oEvent.clinetY +document.body.scrollTop;
//Dom中鼠标的位置在ie中获取鼠标的位置clinet(不包含滚动条),再加上滚动条的位移<网站制作学习网>
oEvent.preventDefault = function(){this.returnvalue = false;}
//直接定义阻止默认事件为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;}
//直接设置stopPropagation 为IE中的cancelbubble = true;
oEvent.target = oEvent.srcElement;
oEvent.time = (new Date().getTime());
}
return oEvent;
}
//调用格式化event//<网站制作学习网>
foraspcn.get_event = function(){
if(window.event)
{
return this.format_event(window.event);//如果是IE则进行格式化window.event
}
else
{
return foraspcn.format_event.caller.arguments[0];//如果不是IE则调用调用函数的第一个参数即Dom的event
}
}
</script>
学习中........
原文章%77w%77%2Ef%6F%72%61%73%70%2E%63n