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
.
相关文档：
8、Ext.js的写类方式
这里用的是Ext core3.0，Ext中用Ext.extend来定义一个类（当然它更多用来扩展一个类），Ext整个框架各种控件如Panel，MessageBox等都是用Ext.extend方法来扩展。这里仅仅用它来定义一个最简单的类。
看Ext.extend的代码可得知，它仍然是用构造函数和原型来组装一个类。
这里只需传两个参数即可，第� ......
首先是十个JS FRAMEWORK
jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
jquery UI
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
Chrome Frame
<script src=& ......
this是Javascript语言的一个关键字。
它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，
function test(){
this.x = 1;
}
随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。
下面分四种情况，详细讨论this的用法。
......
个人记录在案，以免遗忘。
<!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 ......
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严� ......
