HTML | DOM MouseEvent 相关的Target 属性

MouseEvent relatedTarget 属性是只读属性，用于返回与触发鼠标事件的元素相关的元素。
它可用于指示光标刚刚使用mouseover 事件退出的元素。
它还可以用于指示光标刚刚使用 mouseout 事件输入的元素。

句法

event.relatedTarget

下面的程序说明了 MouseEvent relatedTarget 属性：
示例 1：获取光标刚退出的元素。

  

    
      MouseEvent relatedTarget property in HTML
   
    
    
        div {
            border: 3px solid green;
            height: 100px;
            width: 500px;
        }
          
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    MouseEvent relatedTarget property
    
  
    
     Move the mouse cursor over this paragraph.
    
  
    
        function mouse(event) {
            
            // Return reference of the element.
            alert(" The element exited by the cursor is :  "
                  + event.relatedTarget.tagName + " element.");
        }
    
  

  

输出：

在移动文本之前：

移动文本后：

支持的浏览器：

• 苹果Safari
• 歌剧
• IE浏览器
• 谷歌浏览器
• 火狐