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
投稿猜你喜欢
- 一、原因：今天在尝试初始化一个WEB应用的时候，发现其连接不上MySQL，从Traceback看到使用的默认密码为‘YES’。没辙，居然尝试
漂亮的代码是漂亮网站的基础，优秀的 CSS 只存在与同样优秀的 HTML 之上，干净的，语义的 HTML 代码让一个网站更健壮。本文讲述了1- 我们可以利用 Cookie collection 来刪除客户端的Cookies： <％
- Cookies，有些人喜欢它们，有些人憎恨它们。但是，很少有人真正知道如何使用它们。现在你可以成为少数人中的成员－可以自傲的Cookie 大
- 动机： 查询功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。以往的信息查询都是连接到数据库的，每一次点击都必须要后台数据库的支持。
- 自己从工艺品设计到平面设计到网络设计，虽然设计原则不离其宗，但经验下来的心得告诉自己，设计媒介的变化带来很多媒介自身的特殊性，下面总结下网站
- 你是否曾为表单设计感到过沮丧或不知所措呢？接下来三篇文章，希望能彻底改变你的看法，真正爱上Web表单设计。首先感谢Luke Wroblews
- 一、数组的创建方式一var a = new Array(); a[0]="wo"
- class和id的命名,如果合理,可以使得文档具有清晰的结构我们现在解决办法就是使用现有的元素，通过给他们id或class而得到额外的信息。
- 支持CSS属性Safari和WebKit实施大子的CSS 2.1规格所界定的万维网联盟（ W3C ） ，以及部分的CSS 3规格。 。这个C
- 本文介绍了保护MySQL数据库中重要数据受外部攻击的六个注意事项，以减少面临的风险。与自动的数据库备份不同，对系统管理员来说，保护数据免受未
- 如果你的网站涉及个人隐私或者机密性非公开的网页，怎样告诉禁止搜索引擎收录抓取，下面侯庆龙说下以下方法，希望对不想被搜索引擎收录抓取网站有所帮
- 在应用系统中,尤其在联机事务处理系统中,对数据查询及处理速度已成为衡量应用系统成败的标准。而采用索引来加快数据处理速度也成为广大数据库用户所
- 最近 UCDChina 以“注意界面上的文字”为主题写了一系列的文章，使我在界面文字上的使用受益匪浅。之后，我对按钮上的内容的表现也做了一些
- “位置：首页 第一屏通栏 格式：jpg 尺寸：960*90 ……”在工作我们经常会接到这样的banner设计需求，由
- 1、什么是超链接图标规范超链接图标规范是我根据《Iconize Textlinks with CSS》修改调整完成的。主要是整理出常用到的一
- 1.彻底弄懂CSS盒子模式一(DIV布局快速入门)3.彻底弄懂CSS盒子模式三(浮动的表演和清除的自述) 4.彻底弄懂CSS盒子模式四(绝对
- 一天不小心把ROOT的权限改到最小了(只能登录,什么都做不了),这可急死我了.重装的话太麻烦，而且里面有很多的用户，一个个重新弄不知道到什么
- HTML5 中 div section article 的区别刚刚开始接触 HTML5 时，对它的标签很不适应，甚至一度有点反感。尤其是对
- 大家做网站，特别是自己写的代码，常常担心被一些黑客入侵服务器，从而导致网站代码被盗，给自己带来一些损失。那么我们怎么样做，就算黑客盗了你的代
