Posted in Javascript onNovember 30, 2011
看下以下代码在各浏览器下的结果:
<body onclick="alert([window.event,event,this.event]);">test</body>
IE8: object,object,undefined
FF8.0: undefined,MouseEvent,undefined
Cr16: MouseEvent,MouseEvent,undefined
Opera: MouseEvent,MouseEvent,undefined
Safira: MouseEvent,MouseEvent,undefined
除FF8外,其它浏览器都已经支持window.event了
ff8似乎在调用事件时with了一个{event:new Event(...)};所以在onclick里也可以直接用“event”来获取事件句柄。
另:好奇同学在QWrap的Event里供了一个QW.EventH.getEvent的静态方法,用来在各种情况下获取当前的事件对象,代码如下:
/** * 获得event对象 * @method getEvent * @param {event} event (Optional)event对象 默认为调用位置所在宿主的event * @param {element} element (Optional)任意element对象 element对象所在宿主的event * @return {event} event对象 */ getEvent: function(event, element) { if (event) { return event; } else if (element) { if (element.document) {return element.document.parentWindow.event; } if (element.parentWindow) {return element.parentWindow.event; } } if (window.event) { return window.event; } else { var f = arguments.callee; do { if (/Event/.test(f.arguments[0])) {return f.arguments[0]; } } while (f = f.caller); } },
所以,使用QW的页面,可以直接这样写:
<a href="#" onclick="EventH.preventDefault()">点我无效</div>
即:调用preventDefault时,不必传入event实例。
window.event快达到全浏览器支持了,以后使用就方便了
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@