2017-08-13 12 views
0

私はかなりこれは jQuery event.relatedTargetとは何ですか?

が、私はそれ

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

説明ではなく、公式の短いドキュメントを読んで何をするか理解していない:イベントに関連する他のDOM要素があれば。

mouseoutの場合、入力される要素を示します。マウスオーバーの場合、要素が終了したことを示します。私はあなたがイベントとしてmouseenterを指定した場合、relatedTargetは現在のコンテナの中を表示していますか?それ

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> 

にW3Schoolsの例を見て

しかし、「mouseleave」と「mouseenter」の両方を同時に使用するjQueryイベントハンドラがあった場合はどうなりますか?

誰かが、実際の場合、event.relatedターゲットのユースケースについても詳しく説明できますか?

答えて

2
p = object.relatedTarget 

documentationあたりとしてイベントの二次的性質を示し、読み取り専用プロパティです。

onmouseoverイベントで

  • 次のイベントを考慮し説明するために、関連する要素は、マウスポインタを左、その要素です。

  • onmouseoutイベントでは、関連要素はマウスポインタが入力した要素です。

  • onfocusinイベントでは、関連要素はフォーカスを失った要素です。
  • イベントでは、関連する要素はフォーカスを得た要素です。
関連する問題