JS 获得event 兼容IE Firefox

 

原文出自:http://blog.163.com/zyxc_2001/blog/static/38943422200910442326359/


event对象在IE和Firefox下的不同用法

IE可以直接用window.event或event获得event对象,同时可直接用event.x或event.y获得当前操作位置的x和y坐标,当然还有其它属性,如:srcElement,keyCode等


Firefox不能直接使用window.event和event对象,当然也就不能获得该对象的其它属性.Firefox下获得操作位置坐标的属性是:pageX和pageY;

下面提供同时兼容IE和Firefox的获得event对象的方法,在需要用到event对象的地方,调用该方法即可.
function getEvent() //同时兼容ie和ff的写法

{
        if(document.all)  return window.event;   
        func=getEvent.caller;       
        while(func!=null){
            var arg0=func.arguments[0];
            if(arg0)
            {
              if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
              {
              return arg0;
              }
            }
            func=func.caller;
        }
        return null;
    }


如调用:function test() {
        var event=getEvent();
        if (navigator.appName=='Microsoft Internet Explorer') {
            alert(event.x);
        }else if (navigator.appName=='Netscape') {
            alert(event.pageX);
        }
       
    }







event对象在IE和Firefox下的不同用法 event对象在IE和Firefox下的不同用法

IE:

可以直接用window.event或event获得event对象,同时可直接用event.x或event.y获得当前操作位置的x和y坐标,当然还有其它属性,如:srcElement,keyCode等

Firefox:

不能直接使用window.event和event对象,当然也就不能获得该对象的其它属性.Firefox下获得操作位置坐标的属性是:pageX和pageY;

下面提供同时兼容IE和Firefox的获得event对象的方法,在需要用到event对象的地方,调用该方法即可.
function getEvent() //同时兼容ie和ff的写法
    {
        if(document.all)  return window.event;   
        func=getEvent.caller;       
        while(func!=null){
            var arg0=func.arguments[0];
            if(arg0)
            {
              if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
              {
              return arg0;
              }
            }
            func=func.caller;
        }
        return null;
    }

如调用:function test() {
        var event=getEvent();
        if (navigator.appName=='Microsoft Internet Explorer') {
            alert(event.x);
        }else if (navigator.appName=='Netscape') {
            alert(event.pageX);
        }
       
    }

IE:

可以直接用window.event或event获得event对象,同时可直接用event.x或event.y获得当前操作位置的x和y坐标,当然还有其它属性,如:srcElement,keyCode等

Firefox:

不能直接使用window.event和event对象,当然也就不能获得该对象的其它属性.Firefox下获得操作位置坐标的属性是:pageX和pageY;

下面提供同时兼容IE和Firefox的获得event对象的方法,在需要用到event对象的地方,调用该方法即可.
function getEvent() //同时兼容ie和ff的写法
    { 
        if(document.all)  return window.event;   
        func=getEvent.caller;       
        while(func!=null){ 
            var arg0=func.arguments[0];
            if(arg0)
            {
              if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
              { 
              return arg0;
              }
            }
            func=func.caller;
        }
        return null;
    }

如调用:function test() {
        var event=getEvent();
        if (navigator.appName=='Microsoft Internet Explorer') {
            alert(event.x);
        }else if (navigator.appName=='Netscape') {
            alert(event.pageX);
        }
       
    }

你可能感兴趣的:(js,event)