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的代码可得知，它仍然是用构造函数和原型来组装一个类。
这里只需传两个参数即可，第� ......
10、mootools.js的写类方式
mootools.js的最新版本是1.2.3,这里使用的是1.2.0。mootool被设计成非常紧凑的，模块化的，面向对象的的js库。mootool中写类用Class类。Class类由Native类new出来的：
/*
*Script: Class.js
*/
var Class = new Native({
name: 'Class',
initialize: function(properties){
propert ......
在asp.net開發中，經常會用到後台和前台的交互，就此總結了一點c#和javascript相互操作的方法
1.在後台c#代碼中調用jacascript的方法
javascript代碼：
<script type="text/javascript" language="javascript">
function test()
� ......
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严� ......
像上面的一张图片我们该怎么用js 和css + div 很好的应用到我们的项目中呢？
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
wid ......
