w.event问题

问题说明：window.event 只能在IE下运行，而不能在Firefox下运行，这是因为Firefox的event只能在事件发生的现场使用。

解决方法：在事件发生的函数上加上event参数，在函数体内(假设形参为evt)使用 var myEvent = evt?evt:(window.event?window.event:null)

在Firefox页面调用后，其windows.event对象为undefined：

 

1. if (typeof (window.event) == 'undefined') 
2. alert('window.event is undefined.'); 
3. else 
4. alert('window.event is defined.'); 

 

以上代码在Firefox中执行，结果为："window.event is undefined."。IE 和 Chrome中执行结果：“window.event is defined."

1. 在函数中传递event参数

  在函数中传递event参数，这样我们就可以兼容IE和FF的event的获取了，如下面的函数：

function _test(evt)

{

var src = evt.srcElement || evt.target; // 获取触发事件的源对象

alert(src.value); // 打印该对象的value属性

}

    那么我们在使用的时候就应该这样：

<input type='button' value='click me' οnclick='_test(event)' />

2.在函数调用中不传递event对象

虽然在函数中没有传递参数，这个在IE下没有任何影响，因为window.event是全局对象，在什么地方都可以直接调用的，而在FF下就不行了。所以我们这里要使用另外一种方式来获取了，如下：

function _test2()

{

var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象

var src = evt.srcElement || evt.target; // 获取触发事件的源对象

var iKeyCode = evt.keyCode || evt.which; //获取按钮代码

alert(src.value); // 打印该对象的value属性

if (window.navigator.userAgent.indexOf("IE")>=1){

evt.keyCode =0;

evt.returnValue=false;

}else{

evt.preventDefault();

}

}

    那么，我们在使用的时候就可以想普通的函数调用一样，直接输入函数名称即可，如下：

<input type='button' value='click me2' οnclick='_test2()' />

 

 

event.srcElement问题

问题说明：IE下，even对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有 srcElement属性。

解决方法：使用srcObj = event.srcElement ? event.srcElement : event.target;