relatedTarget 事件属性

最新推荐文章于 2021-06-21 09:47:02 发布

cindylu520

最新推荐文章于 2021-06-21 09:47:02 发布

阅读量203

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： JavaScript HTML ViewUI

本文链接：https://blog.youkuaiyun.com/cindylu520/article/details/83555047

JS 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了在JavaScript中如何使用relatedTarget属性来获取与mouseover和mouseout事件相关的节点信息。通过实例展示了如何利用此属性来确定鼠标指针刚离开的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义和用法

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

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

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

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

语法

event.relatedTarget

实例

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

<html>
<head>
<script type="text/javascript">
function getRelElement(event)
  {
  var txt="The cursor just exited the ";
  txt=txt + event.relatedTarget.tagName + " element.";
  alert(txt);
  }
</script>
</head>
<body>

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

</body>
</html>