首页 > web前端 > js教程 > window.event快达到全浏览器支持了,以后使用就方便了_javascript技巧

window.event快达到全浏览器支持了,以后使用就方便了_javascript技巧

WBOY
发布: 2016-05-16 17:58:57
原创
1010 人浏览过

看下以下代码在各浏览器下的结果:

复制代码 代码如下:

test

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的页面,可以直接这样写:
复制代码 代码如下:


即:调用preventDefault时,不必传入event实例。
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板