JavaScript HTML DOM relatedTarget 鼠标事件属性

• 

  relatedTarget 鼠标事件属性

  relatedTarget属性返回与触发鼠标事件的元素相关的元素。relatedTarget属性可以与mouseover事件一起使用，以指示光标刚刚退出的元素，或者使用mouseout事件来指示光标刚刚输入的元素。

  注意：此属性是只读的。

  获取光标刚刚退出的元素：

  <p onmouseover="getRelatedElement(event)">鼠标经过这个段落</p>
  
  <script>
  function getRelatedElement(event) { 
    alert("光标刚退出 " + event.relatedTarget.tagName + " 元素.");
  }
  </script>
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  relatedTarget	支持	支持	支持	支持	支持

• 

  语法

  event.relatedTarget
• 

  技术细节

  项目	描述
  返回值：	对相关元素的引用
  DOM版本	DOM Event Level 2

• 

  相关页面

  HTML DOM参考：MouseEvent clientX属性

  HTML DOM参考：MouseEvent clientY属性