event对象在IE、Firefox中兼容性问题的解决方案
程序员文章站
2022-05-23 13:07:58
...
一、在函数中传递event参数
在函数中传递event参数,这样我们就可以兼容IE和FF的event的获取了,如下面的函数:
function _test(evt)
{
var src = evt.srcElement || evt.target; // 获取触发事件的源对象
alert(src.value); // 打印该对象的value属性
}
那么我们在使用的时候就应该这样:
<input type='button' value='click me' onclick='_test(event)' />
二、在函数调用中不传递event对象
虽然在函数中没有传递参数,这个在IE下没有任何影响,因为window.event是全局对象,在什么地方都可以直接调用的,而在FF下就不行了。所以我们这里要使用另外一种方式来获取了,如下:
function _test2()
{
var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象
var src = evt.srcElement || evt.target; // 获取触发事件的源对象
alert(src.value); // 打印该对象的value属性
}
那么,我们在使用的时候就可以想普通的函数调用一样,直接输入函数名称即可,如下:
<input type='button' value='click me2' onclick='_test2()' />