当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript Event学习第六章 事件的访问

Javascript
动态生成select选项全接触
不刷新页面动态更新select选项，实现两个select相互操作
网页输入框日期型有效性判定一网打尽
实用Javascript函数之一(自动将输入文本框中的内容转换成大写字符)
实用Javascript函数之二(自动将输入文本框中的内容转换成小写字符)
实用Javascript函数之三(限制文本输入框中只能输入数字\"0\"到\"9\")
实用Javascript函数之四(用于对sString字符串进行前空格截除)
实用Javascript函数之五(用于对sString字符串进行后空格截除)
实用Javascript函数之六(截除字符串前后空格)
如何使用交替的滚动标题
采用DOM模型时创建一个Select节点后，要删除option项的解决方法
javascript函数速查
利用JavaScript和正则表达式进行丰富的日期判断（给其它项目组的代码，有比较好的编程风格和注释）
关于字符串的几个有用函数
FileSystemObject 的例子（处理驱动器、文件夹、文件）
用JScript实现VB.Net,C#的[委托Delegate]:
得到固定字符位置的函数
IE NC通用的藏鼠标右键一法
Menu
foolpot2001菜单

No. « 3 4 5 6 »

技术文章搜索

关键字

Javascript 中的 JavaScript Event学习第六章 事件的访问

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-02-27   浏览: 38 ::
收藏到网摘: n/a

在这一章我会讲解如何去访问一个事件对象。 现在我们已经注册了事件处理程序，对于事件我们还想更深入的了解。我们想知道事件发生时候的鼠标位置，我们想知道用户按下了哪些键。这些都是可能的，虽然这部分有很多烦人的浏览器兼容性问题。（这里可以快速查看浏览器兼容性列表）。
要读出事件的属性，必须要先能访问到事件。
浏览器兼容性
站在浏览器战争的角度看，Netscape实现了一个访问模型（后来被W3C做借鉴）和很多的事件属性，同时微软也做了同样的事情。当然这两种模型是完全不兼容的。但是就像我们再简介里面说的，如果
复制代码 代码如下:

if (W3C/Netscape) {
use W3C/Netscape model for access and property names
}
else if (Explorer) {
use Microsoft model for access and property names
}

这样是不正确的解决兼容性问题的办法，他会让一些能执行大部分代码但是没有考虑到的浏览器失去作用。所以我们得先访问一个事件然后再分别读取他的属性。
我们先来讨论访问事件的问题，事件属性会在后面讨论。
W3C/Netscape
在W3C/Netscape事件访问模型中事件会被当做一个参数传递给事件处理程序。所以如果你定义一个事件处理程序
element.onclick=doSomething;
doSomething()就会把事件当做一个参数。习惯上保存在一个e变量中，当然你可以改成任何名字：
复制代码 代码如下:

function doSomething(e) {
// e gives access to the event
}

这是完全自动的，不需要其他的代码。在匿名函数中你可以这样写：
element.onclick = function (e) {alert('Event type is ' + e.type)}
微软
在微软的事件访问模型中有一个特别的属性window.event包含最后一个发生的事件。
复制代码 代码如下:

element.onclick = doSomething;
function doSomething() {
// window.event gives access to the event
}

或者
复制代码 代码如下:

element.onclick = function () {alert('Event type is ' + window.event.type)}

Event和event
注意到还有一个古老的Netscape属性window.Event。IE不认识这个，Netscape 4也会曲解他。所以写的时候一定要确保event是小写e开头的。
跨浏览器的事件访问
很幸运的是要写跨浏览器访问事件的脚本还是很简单的：
复制代码 代码如下:

element.onclick = doSomething;
function doSomething(e) {
if (!e) var e = window.event;
// e gives access to the event in all browsers
}

如果e不存在那么就给他赋值window.event。现在e在所有浏览器里面都表示事件。
与内联式的事件处理程序合并
在内联式的注册模型中，你必须把event传递给函数：
复制代码 代码如下:

<pre onclick="doSomething(event)">
function doSomething(e) {
alert(e.type);
}

虽然在微软模型里(window.)event是正确的属性，其他浏览器也能识别。
继续
如果你想继续学习，请看下一章。
原文地址：http://www.quirksmode.org/js/events_access.html
第一次翻译 大家多包含 我的twitter：@rehawk