relatedTarget 事件属性 | HTML DOM 事件对象

返回到:DOM 对象:HTML DOM 事件对象

定义和用法

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

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

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

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

语法

event.relatedTarget

实例

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

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

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

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4266.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年11月22日 下午4:01
下一篇 2021年11月22日 下午4:07

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注