event对象获取方法总结

简介：

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！

Event对象的获取方法：

方法一：

例如：function demo1(e){

var e = e || window.event;

//此种方法在ie中和google中可以不传参数e也可以获取到event，但是在火狐中必须在事件方法中传递event参数

//才可以获取到event对象。

}

<input onclick = "demo1(event)" value="demo1"/>

方法二：通用的方便的方法(这种方法方便之处在于不用传参数)

例如：function demo2(){

var e = arguments.callee.caller.arguments[0] || window.event;

//arguments.callee指的就是当前的函数体

//arguments.callee.caller就是当前函数的上级函数

//所以当执行onclick="demo2()"时arguments.callee就是demo2()，arguments.callee.caller就是function onclick ,
//onclick的第一个能数就是event，也就是arguments.callee.caller.arguments[0]这个。

}

<input onclick="demo2()" value="demo2"/>

详细测试总结：

一：万能的同样的方法是：传递参数event（实参必须写event换其他名称不行）方式。

二：window.event适用于ie和google浏览器火狐不支持。

三：arguments.callee.caller.arguments[0]仅火狐和google支持，ie不支持这种获取方式。

从以上测试结果可知google浏览器支持以上各种获取方式，属于兼容性最强的一个浏览器。