jQuery event.relatedTarget 属性

实例

返回元素的相关目标:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("div, p").mouseenter(function(event){
  8. $("#msg").html("Related target is: " + event.relatedTarget.nodeName);
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <div style="height:200px;border:solid">这是一个 div 元素
  15. <p style="background-color:pink">这是一个段落</p>
  16. </div><br>
  17. <div id="msg"></div>
  18. </body>
  19. </html>

定义与用法

event.relatedTarget 属性返回鼠标移动时进入或退出的元素。


语法

  1. event.relatedTarget
参数描述
event必填。 event 参数来自事件绑定函数

分类导航