私はかなりこれは 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ターゲットのユースケースについても詳しく説明できますか?