让FireFox支持window.event属性
2013-07-30 19:08
363 查看
文章来自http://www.cnblogs.com/index-html/archive/2011/03/03/firfox_event_obj.html
众所周知,网页里有两种获取事件对象的办法。一种是访问window.event属性,另一种便是事件函数的第一个参数。
IE里只支持window.event,Firefox只支持参数的形式,而其他主流浏览器两者都支持。所以平时为了兼容FF,一般都写成:
虽然这样大多数情况下能运行,但是对于内嵌的调用就有问题了。比如<img onclick="handle()" />,虽然我们可以把arguments[0]当做参数传递过去,但很多情况下这里都是this,因为handle可能绑定了多个元素。虽然也有解决的办法,但终究麻烦了,不如给Firefox做一个一劳永逸的办法:给他的window添加一个event的属性(Getter):
if(is ff..)
{
var $E = function(){var c=$E.caller; while(c.caller)c=c.caller; return c.arguments[0]};
__defineGetter__("event", $E);
}每当Firefox访问到event属性,就会顺着调用栈访问到最顶层的函数,即捕捉事件的那个函数,该函数的第一个参数即是事件对象。这样,所有的浏览器都可以用event属性,无需e=e||event那样的代码了。
众所周知,网页里有两种获取事件对象的办法。一种是访问window.event属性,另一种便是事件函数的第一个参数。
IE里只支持window.event,Firefox只支持参数的形式,而其他主流浏览器两者都支持。所以平时为了兼容FF,一般都写成:
function handle(e) { e = e || event; ... }
虽然这样大多数情况下能运行,但是对于内嵌的调用就有问题了。比如<img onclick="handle()" />,虽然我们可以把arguments[0]当做参数传递过去,但很多情况下这里都是this,因为handle可能绑定了多个元素。虽然也有解决的办法,但终究麻烦了,不如给Firefox做一个一劳永逸的办法:给他的window添加一个event的属性(Getter):
if(is ff..)
{
var $E = function(){var c=$E.caller; while(c.caller)c=c.caller; return c.arguments[0]};
__defineGetter__("event", $E);
}每当Firefox访问到event属性,就会顺着调用栈访问到最顶层的函数,即捕捉事件的那个函数,该函数的第一个参数即是事件对象。这样,所有的浏览器都可以用event属性,无需e=e||event那样的代码了。
相关文章推荐
- 让FireFox支持window.event属性
- 【坑】Firefox不支持window.event的解决办法
- 让FireFox支持 window.event 全局事件对象
- 让firefox支持window.event
- 解决firefox不支持window.event.returnValue = false
- Firefox不支持removeNode及window.event解决办法
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性
- Firefox window.event 问题
- Firefox不支持event解决方法
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性
- 解决Firefox不支持event.keyCode 的方法
- Event/window.Event属性和方法
- 让firefox支持IE的一些属性
- 网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
- window.event.keyCode兼容IE和Firefox实现js代码
- javascript学习笔记—event属性和方法以及window事件
- window.event详细属性
- 网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
- IE支持而Firefox不支持的CSS属性
- window.event对象的属性[附unicode对应键码表]