event[relatedTarget]

最新推荐文章于 2021-09-02 13:46:36 发布

zwymars

最新推荐文章于 2021-09-02 13:46:36 发布

阅读量998

点赞数

分类专栏： JavaScript 文章标签： generator function html ie div

本文链接：https://blog.csdn.net/zwymars/article/details/5061956

版权

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在mouseover和mouseout事件中使用的relatedTarget属性，该属性在非IE浏览器中返回与事件目标节点相关的节点。对于mouseover事件，它是鼠标离开的节点；对于mouseout事件，则为鼠标进入的节点。文中提供了一个HTML示例，展示了如何使用JavaScript监听这些事件并获取相关信息。

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

1.首先，该属性不支付IE，IE下用event.fromElement,event.toElement来替代

2.w3school 解释:

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

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

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

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

3.例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY οnlοad="aaaa()"> <div id="a"> aaaa </div> </BODY> </HTML>