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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript Event学习第六章 事件的访问，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2299字，纯文字阅读大概需要4分钟。

内容图文

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
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JavaScript Event学习第六章 事件的访问全部内容，希望文章能够帮你解决JavaScript Event学习第六章 事件的访问所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端