window.event快达到全浏览器支持了,以后使用就方便了
更新时间:2011年11月30日 23:46:36 作者:
在Tangram群里讨论到<a href="#" onclick="baidu.event.preventDefault(event);">的写法时,以为标准浏览器只能用arguments[0]来获取到event,结果nodiseal同学说已经可以这么用了,于是做了以下测试
看下以下代码在各浏览器下的结果:
<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实例。
复制代码 代码如下:
<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实例。
相关文章
js实现table添加行tr、删除行tr、清空行tr的简单实例
下面小编就为大家带来一篇js实现table添加行tr、删除行tr、清空行tr的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-10
JavaScript操作XML 使用百度RSS作为新闻源示例
JavaScript操作XML 使用百度RSS作为新闻源示例,需要的朋友可以参考下2012-02-02
uniapp跨页面传值uni.$emit和uni.$on的使用及踩坑实战
使用uni.$emit触发事件后,对应的uni.$on就会监听到事件触发,在回调中去执行相关的逻辑,下面这篇文章主要给大家介绍了关于uniapp跨页面传值uni.$emit和uni.$on的使用及踩坑实战的相关资料,需要的朋友可以参考下2023-04-04


最新评论