Question

我不太明白这是做什么的

我阅读了相当官方的简短文档

https://api.jquery.com/event.relatedTarget/

描述：事件中涉及的其他DOM元素，如果有的话。

对于mouseout，表示正在输入的元素;对于鼠标悬停，表示正在退出的元素。

我看了w3schools的例子

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_relatedtarget

<!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>

如果您指定mouseenter作为事件，relatedTarget是否会显示当前的容器？

但是如果你同时拥有同时使用“mouseleave”和“mouseenter”的jQuery事件处理程序呢？

有人可以详细说明用于事件相关目标的用例以及现实世界（如果有的话）吗？

Answer 1

public class Door extends Rectangle {

    public double x,y;
    public Rectangle door;

    public Door(double x, double y) {
        this.x = x;
        this.y = y;
        door = new Rectangle(x, y, 30, 20);
    }

}

根据documentation，它是一个只读属性，用于指示事件的次要属性。

举例说明以下事件

在p = object.relatedTarget事件中，相关元素是鼠标指针离开的元素。
在onmouseover事件中，相关元素是鼠标指针输入的元素。
在onmouseout事件中，相关元素是失去焦点的元素。
在onfocusin事件中，相关元素是获得焦点的元素。

jQuery event.relatedTarget做了什么？

1 个答案: