relatedTarget 事件属性
事件对象定义和用法
relatedTarget 事件属性返回与事件的目标节点相关的节点。
对于 mouseover 事件来说,该属性是鼠标指针移到目标节点上时所离开的那个节点。
对于 mouseout 事件来说,该属性是离开目标时,鼠标指针进入的节点。
对于其他类型的事件来说,这个属性没有用。
语法
event.relatedTarget
实例
实例
下面例子可返回指针刚刚离开的元素:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function getRelatedElement(event){
alert("鼠标指针移到了 " + event.relatedTarget.tagName + " 元素");
}
</script>
</head>
<body>
<p onmouseover="getRelatedElement(event)">鼠标移到这一段。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function getRelatedElement(event){
alert("鼠标指针移到了 " + event.relatedTarget.tagName + " 元素");
}
</script>
</head>
<body>
<p onmouseover="getRelatedElement(event)">鼠标移到这一段。</p>
</body>
</html>
尝试一下 »
事件对象
点我分享笔记