relatedTarget 事件属性

定义和用法

relatedTarget 事件属性返回与事件的目标节点相关的节点。

对于 mouseover 事件来说,该属性是鼠标指针移到目标节点上时所离开的那个节点。

对于 mouseout 事件来说,该属性是离开目标时,鼠标指针进入的节点。

对于其他类型的事件来说,这个属性没有用。

语法

  1. event.relatedTarget

实例

下面例子可返回指针刚刚离开的元素:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function getRelElement(event)
  5. {
  6. var txt="The cursor just exited the ";
  7. txt=txt + event.relatedTarget.tagName + " element.";
  8. alert(txt);
  9. }
  10. </script>
  11. </head>
  12. <body>
  13.  
  14. <p onmouseover="getRelElement(event)">
  15. Mouse over this paragraph.</p>
  16.  
  17. </body>
  18. </html>