relatedTarget 事件屬性

2023-04-14 09:49 更新
事件對(duì)象參考手冊(cè)事件對(duì)象

定義和用法

relatedTarget 事件屬性返回與事件的目標(biāo)節(jié)點(diǎn)相關(guān)的節(jié)點(diǎn)。

對(duì)于 mouseover 事件來說，該屬性是鼠標(biāo)指針移到目標(biāo)節(jié)點(diǎn)上時(shí)所離開的那個(gè)節(jié)點(diǎn)。

對(duì)于 mouseout 事件來說，該屬性是離開目標(biāo)時(shí)，鼠標(biāo)指針進(jìn)入的節(jié)點(diǎn)。

對(duì)于其他類型的事件來說，這個(gè)屬性沒有用。

語法

event.relatedTarget

實(shí)例

實(shí)例

下面例子可返回指針剛剛離開的元素：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在線教程(w3cschool.cn)</title>
<script>
function getRelatedElement(event){
    alert("鼠標(biāo)指針移到了 " + event.relatedTarget.tagName + " 元素");
}
</script>
</head>
<body>

<p onmouseover="getRelatedElement(event)">鼠標(biāo)移到這一段。</p>

</body>
</html>

嘗試一下 ?

事件對(duì)象參考手冊(cè)事件對(duì)象
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)