JavaScript Event学习第九章：鼠标事件

核心提示： 现在这个事件的target/srcElement就是ev4：就是事件发生的元素，因为鼠标移动到了他上面，JavaScript Event学习第九章：鼠标事件(3)，但是当下面的发生时候：-|Thisisdivid="ev3"||-|||Thisisdivid="ev

现在这个事件的target/srcElement就是ev4：就是事件发生的元素，因为鼠标移动到了他上面。但是当下面的发生时候：

-----------------------------------------
|　This　is　div　id="ev3"　　　　　　　　　　　　　　　　　　　　　|
|　　　-----------------------------　　　　　　|
|　　　|　This　is　div　id="ev4"　　　　　　　　　|　　　　　　　|
|　　　|　--------　　　　　　　　　　　　　　　　　　　　　　　　　　　　|　　　　　　　|
|　　　|　|　span　|　　　　　　　　　　　　　　　　　　　　　　　　　　　　　|　　　　　　　|
|　　　|　|　　　　-------->　　　　　　　　　　　　　　　　　　　　　|　　　　　　　|
|　　　|　--------　　　　　　　　　　　　　　　　　　　　　　　　　　　　|　　　　　　　|
|　　　-----------------------------　　　　　　　|
-----------------------------------------
-------->:　mouse　movement

这个事件的target/srcElement是一样的。在这一样还是鼠标进入ev4。然而你可能会当鼠标从ev3来或者从SPAN来的时候做不同的事。所以我们需要知道鼠标到底从哪来的。

relatedTarget,fromElement,toElement

W3C把relatedTarget属性加进了mouseover和mouseout事件中。在mouseover事件下就是包括鼠标从哪来，在mouseout下就是包括鼠标到哪去。

微软也有包含以下信息的两个属性：

1、fromElement指的是鼠标来之前的元素。在mouseover的状况下比较有用

2、toElement表示鼠标将要去的那个元素。在mouseout的情况下比较有用。

编缉推荐阅读以下文章

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