relatedTarget 事件属性

定义和用法

relatedTarget 事件属性返回与事件的目标节点相关的节点。

对于 mouseover 事件来说，该属性是鼠标指针移到目标节点上时所离开的那个节点。

对于 mouseout 事件来说，该属性是离开目标时，鼠标指针进入的节点。

对于其他类型的事件来说，这个属性没有用。

语法

event.relatedTarget

实例

下面例子可返回指针刚刚离开的元素：

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>编程字典(CodingDict.com)</title>  
<script>  
  function getRelatedElement(event){  
    alert("鼠标指针移到了 " + event.relatedTarget.tagName + " 元素");  
  }  
</script>  
</head>  
<body>  

<p onmouseover="getRelatedElement(event)">鼠标移到这一段。</p>  

</body>  
</html>

试一试 »