Posted in Javascript onNovember 03, 2013
简介:
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浏览器支持以上各种获取方式,属于兼容性最强的一个浏览器。
event对象获取方法总结在google浏览器下测试
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@