JavaScript获取事件对象的注意点
作者：blank 来源：蓝色理想 发布时间：2009-07-29 18:36:00
标签：JavaScript,事件,对象
平时我们获取事件对象一般写法如下：
function getEvent(event) {
return event || window.event // IE:window.event
}
如果没有参数，也可写成（非IE ：事件对象会自动传递给对应的事件处理函数，且为第一个参数）：
function getEvent() {
return arguments[0] || window.event // IE:window.event
}
这样的写法在除 Firefox（测试版本：3.0.12，下同） 外的浏览器上运行都不会有问题，但 Firefox 为什么例外呢？让我们这样一种情形：
<button id="btn" onclick="foo()">按钮</button>
<script>
function foo(){
var e = getEvent();
alert(e);}
</script>
运行结果在 Firefox 中是 undefined，为什么呢？
在 Firefox 中调用其实是这样的，先调用执行的是：
function onclick(event) {
foo();
}
然后调用执行的是：
function foo(){
var e = getEvent();
alert(e);
}
会发现在 Firefox 下 onclick="foo()" 中的 foo() 无法自动传入事件对象参数，而默认传递给了系统生成的 onclick 函数，那本例我们可以通过getEvent.caller.caller.arguments[0] 获得事件对象。
因此，我们的 getEvent 可以优化成（参照 yui_2.7.0b 中的 event/event-debug.js 中 getEvent 方法）：
function getEvent(event) {
var ev = event || window.event;
if (!ev) {
var c = this.getEvent.caller;
while (c) {
ev = c.arguments[0];
if (ev && (Event == ev.constructor || MouseEvent == ev.constructor)) { /怿飞注：YUI 源码 BUG，ev.constructor 也可能是 MouseEvent，不一定是 Event
break;
}
c = c.caller;
}
}
return ev;
}
当然还有一个很简单的解决方法，就是手动将参数传递给 onclick="foo()"：
<button id="btn" onclick="foo(event)">按钮</button>
0
投稿猜你喜欢
PyCharm 中在使用Turtle（海龟）库绘图体系时，代码明明是正确可以运行的，但是没有提示 ，代码出现黄色标记以及红色波浪线 ，经验不- 昨天晚上在家里把WM设计好的好台界面做成Html，在家里只用IE8和FF做了测试，感觉还行，除了感觉IE8还不成熟，渲染比较慢且不稳定外，标
- 现如今的开发，比如是内部使用的管理平台这种项目大都时间比较仓仓促。实际上来说在使用了webpack + vue 这一套来开发的话已经大大了提
- 代码中经常会有变量是否为None的判断，有三种主要的写法：第一种是`if x is None`；第二种是 `if not x：`；第三种是`
- 本文实例讲述了python实现telnet客户端的方法。分享给大家供大家参考。具体如下：python实现的telnet客户端程序，pytho
- 本文主要给大家介绍了关于Python中字典（dict）合并的四种方法，分享出来供大家参考学习，话不多说了，来一起看看详细的介绍：字典是Pyt
- smtplib模块负责发送邮件：是一个发送邮件的动作，连接邮箱服务器，登录邮箱，发送邮件（有发件人，收信人，邮件内容）。email模块负责构
- javascript编写的窗口代码，可以关闭显示窗口，可以最小化或还原窗口大小，还可以鼠标移动窗口，不错的一个功能。截图如下：<htm
- 计模式的目的是让代码易维护、易扩展，不能为了模式而模式，因此一个简单的工具脚本是不需要用到任何模式的。简单工厂模式又叫静态工厂方法模式，工厂
- 准备工作右击新建的项目，选择Python File，新建一个Python文件，然后在开头import cv2导入cv2库。转成灰度图像调用i
- Oracle text是Oracle的全文检索技术，是9i版本标准版和企业版的一部分。Oracle text使用标准的sql语言索引、查找、
- 我想大多写web的朋友应该和我一样，正则是不可少的，可是每次到用时去百度一下，也麻烦，存在电脑里也得找半天～换了电脑还是得靠google了～
- 一、正则与LIKE的区别 Mysql的正则表达式仅仅使SQL语言的一个子集，可以匹配基本的字符、字符串。例如：select * f
- 算法思路1、求取源图I的平均灰度，并记录rows和cols；2、按照一定大小，分为N*M个方块，求出每块的平均值，得到子块的亮度矩阵D；3、
- 本文实例分析了PHP中怎样防止SQL注入。分享给大家供大家参考。具体分析如下：一、问题描述：如果用户输入的数据在未经处理的情况下插入到一条S
- Django中每一个模型model都对应于数据库中的一张表，每个模型中的字段都对应于数据库表的列。方便的是，django可以自动生成这些cr
- Python中的垃圾回收算法是采用引用计数, 当一个对象的引用计数为0时, Python的垃圾回收机制就会将对象回收a = "la
- 原问题是这样的：如何用SQL语句(不是Oracle),求出下表每一行的5个字段中的最大值，最后生成一个新字段。例如:第一行最大值 -5.0
- 一、命名元祖在python基础中， 我们学习元祖的时候，取元祖内部的元素都是通过索引来进行取值的。但是这种取值方式不够友好， 所以我们引入命
- IE6这个东东在前端开发者的眼中恐怕都是一个恶梦之地，我说它万恶想来没人反对吧。依据现在卡当网的访问统计数据来看，从IE6来的访问量还是占到
