JavaScript 获取事件对象的一个注意点【问题】
JavaScript 获取事件对象的一个注意点
2009-7-24 上午
- JS/Ajax/AS/Flex
- event
- 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
.
相关文档：
这两天上午一直在学习JavaScript，由于总是在看，效果不是很大，也好久没有发表文章了，所以为了更好的学习，把学到的东西记录下来。我学习JavaScript的书是《精通JavaScript+jQuery》，如果大家有更好的书请推荐。
一. 事件的概念
C#中事件的定义：事件类似于异常，� ......
Do you want an ultra fast web site? Get JSL and optimize your JavaScript loading now!
Imagine there's a 4-lane highway between your web browser and the internet itself. This highway is optimize to let pictures, text, and css fly by. But, when it comes to external scripts, the highway crea ......
Javascript实例：Select的OnChange()事件
我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.你得有Change(改变),才能触发该事件
<select name=sel onchange="bao(this.options[this.options.selectedIndex].value)">
<option va ......
s<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档< ......
个人记录在案，以免遗忘。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<s ......
