JavaScript Event学习第七章：事件属性

核心提示：当我们想去读一读关于Event的一些资料时，常常会湮没在大量的属性里面，JavaScript Event学习第七章：事件属性，这些属性其中的大多数不能良好的运行在大多数的浏览器，这里有event的兼容性列表，微软说，是srcElement，我不打算给这些属性列个表，因为那些情况实在是太让人晕头了

当我们想去读一读关于Event的一些资料时，常常会湮没在大量的属性里面，这些属性其中的大多数不能良好的运行在大多数的浏览器。这里有event的兼容性列表。

我不打算给这些属性列个表，因为那些情况实在是太让人晕头了，而且对你的学习也不会有一点点的帮助。在写5段代码前我先要问关于浏览器的5个问题。

1、event的类型（type）是什么？

2、哪一个HTML元素是event的目标呢？

3、哪些键在event发生时被按下了？

4、哪个鼠标键在Event发生时被按下了？

5、在Event发生时鼠标的位置在哪？

最后一个问题我在这里做了非常详尽的解答。

请注意这些代码我做了非常严谨的对象检查。我首先创建跨浏览器的的对事件的访问，然后在使用每一个属性前都做了浏览器支持性的检查。

1、event的类型（type）是什么？

这是一个跨浏览器的有标准答案的问题：使用type属性就可以查看其属性：

1　function　doSomething(e)　{<br>　　　　if　(!e)　var　e　=　window.event;<br>　　　　alert(e.type);<br>}<br><br>

2、哪一个HTML元素是event的目标呢？

W3C/Netscape说：target。不对，微软说，是srcElement。这两个属性都返回event发生时的HTML元素。

1　function　doSomething(e)　{<br>　　　　var　targ;<br>　　　　if　(!e)　var　e　=　window.event;<br>　　　　if　(e.target)　targ　=　e.target;<br>　　　　else　if　(e.srcElement)　targ　=　e.srcElement;<br>　　　　if　(targ.nodeType　==　3)　//　defeat　Safari　bug<br>　　　　　　　　targ　=　targ.parentNode;<br>}<br><br>

编缉推荐阅读以下文章

• JavaScript Event学习补遗：addEventSimple
• JavaScript Event学习第十一章：按键的检测
• JavaScript Event学习第十章：一些可替换的事件对
• JavaScript Event学习第九章：鼠标事件
• JavaScript Event学习第八章：事件的顺序
• JavaScript Event学习第六章：事件的访问
• JavaScript Event学习第五章：高级事件注册模型
• JavaScript Event学习第四章：传统的事件注册模型
• JavaScript Event学习第三章：早期的事件处理程序
• JavaScript Event学习第二章：Event