• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • event.relatedTarget

    在事件中涉及的其它任何DOM元素。

    event.relatedTarget

    对于mouseout事件,它指向被进入的元素;对于mouseover事件,它指向被离开的元素。

    例子

    对于锚点的 mouseout 事件,显示被进入的元素类型。

    $("a").mouseout(function(event) {
      alert(event.relatedTarget.nodeName); // "DIV"
    });  
    
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=" utf-8">
    <title>event.relatedTarget</title> 
    <style type="text/css"> 
    #box{
      width:150px;
      height:150px;
      background-color:blue;
    }
    #ant{
      width:80px;
      height:50px;
      background-color:red;
    }
    </style> 
    <script> 
    window.onload=function(){ 
      let ant=document.getElementById("ant"); 
      ant.onmouseover=function(ev){ 
        this.innerHTML=ev.relatedTarget.id;
      } 
    } 
    </script> 
    </head> 
    <body> 
    <div id="box"> 
      <div id="ant"></div> 
    </div> 
    </body> 
    </html>
    

    上篇:event.currentTarget

    下篇:event.data