MouseEvent relatedTarget 属性

DOM 事件 MouseEvent

定义和用法

relatedTarget 属性返回与触发鼠标事件的元素相关的元素。

relatedTargert 属性可以：

  • 与 mouseover 事件一起使用以指示光标刚刚退出的元素
  • 或者与 mouseout 事件一起使用以指示光标刚刚进入的元素

注释：该属性只读。

实例

获取光标刚退出的元素：

<p onmouseover="getRelatedElement(event)">Mouse over this paragraph.</p>

<script>
function getRelatedElement(event) { 
  alert("The cursor just exited the " + event.relatedTarget.tagName + " element.");
}
</script>

亲自试一试

语法

event.relatedTarget

技术细节

返回值： 对相关元素的引用。
DOM 版本： DOM Level 2 Events

浏览器支持

属性 Chrome IE Firefox Safari Opera
relatedTarget 支持 支持 支持 支持 支持
DOM 事件 MouseEvent