Javascript jQuery event.relatedTarget做什么？_Javascript_Jquery_Html

Javascript jQuery event.relatedTarget做什么？

javascript jquery html

Javascript jQuery event.relatedTarget做什么？,javascript,jquery,html,Javascript,Jquery,Html,我不太明白这是怎么回事我读了关于它的相当正式的简短文档描述：事件中涉及的其他DOM元素（如果有）对于mouseout，表示正在输入的元素；对于mouseover，指示正在退出的元素我看了上面的例子 $（文档）.ready（函数（）{ $（“div，p”）.mouseenter（函数（事件）{ $（“#msg”）.html（“相关目标为：”+event.relatedTarget.nodeName）； }); }); 这是一个div元素这是一个段落如果指定mouseenter

我不太明白这是怎么回事

我读了关于它的相当正式的简短文档

描述：事件中涉及的其他DOM元素（如果有）

对于mouseout，表示正在输入的元素；对于mouseover，指示正在退出的元素

我看了上面的例子


$（文档）.ready（函数（）{
$（“div，p”）.mouseenter（函数（事件）{
$（“#msg”）.html（“相关目标为：”+event.relatedTarget.nodeName）；
});
});
这是一个div元素
这是一个段落

如果指定

mouseenter

作为事件，则

relatedTarget

是否在其中显示当前容器

但是，如果jQuery事件处理程序同时具有“mouseleave”和“mouseenter”，该怎么办

有人能详细说明在现实世界中与事件相关的目标（如果有的话）的用例是什么吗

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("div, p").mouseenter(function(event){
        $("#msg").html("Related target is: " + event.relatedTarget.nodeName);
    });
});
</script>
</head>
<body>

<div style="height:200px;border:solid">This is a div element 
  <p style="background-color:pink">This is a paragraph</p>
</div><br>

<div id="msg" />

</body>
</html>