relatedTarget, fromElement, toElement

W3C在mouseover和mouseout事件中添加了relatedTarget属性。在mouseover事件中，它表示鼠标来自哪个元素，在mouseout事件中，它指向鼠标去往的那个元素。

而Microsoft添加了两个属性：

• fromElement在mouseover事件中表示鼠标来自哪个元素。
• toElement在mouseout事件中指向鼠标去往的那个元素。

跨浏览器的脚本

如果你想知道鼠标来自哪个元素在mouseover事件中，你可以这样写：

1

2

3

4

function doSomething(e) {

  if (!e) var e = window.event;

  var relTarg = e.relatedTarget || e.fromElement;

}

如果你想知道鼠标去往哪个元素在mouseout事件中，你可以这样写：

1

2

3

4

function doSomething(e) {

  if (!e) var e = window.event;

  var relTarg = e.relatedTarget || e.toElement;

}