2017-08-13 72 views
0

我不太明白這是什麼呢jQuery event.relatedTarget做什麼?

我讀了,而官方簡短的文檔就可以了

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

說明:事件中涉及的其他DOM元素,如果有的話。

對於鼠標移開,指示正在進入的元件;對於鼠標懸停,表示正在退出的元素。

我看着它

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作爲事件W3Schools的例子,它relatedTarget顯示當前容器及其?

但是,如果你有jQuery的事件處理程序,既具有「鼠標離開」和「的mouseenter」在同一時間?

可能有人闡述什麼用例是事件相關目標,以及在現實世界中如果有的話?

回答

2
p = object.relatedTarget 

作爲每documentation它指示一個事件的次級屬性的只讀屬性。

爲了說明考慮以下事件

  • onmouseover事件,相關元件是元件鼠標指針左側。

  • onmouseout事件,相關元件是鼠標指針輸入的元件。

  • onfocusin事件,相關的元素是失去焦點的元素。
  • onfocusout事件,相關的元素是獲得焦點的元素。