relatedTarget 事件屬性
定義和用法
relatedTarget 事件屬性返回與事件的目標節點相關的節點。
對於mouseover 事件來說,該屬性是鼠標指針移到目標節點上時所離開的那個節點。
對於mouseout 事件來說,該屬性是離開目標時,鼠標指針進入的節點。
對於其他類型的事件來說,這個屬性沒有用。
語法
event.relatedTarget
實例
實例
下面例子可返回指針剛剛離開的元素:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.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>本教程(w3big.com)</title>
<script>
function getRelatedElement(event){
alert("鼠標指針移到了" + event.relatedTarget.tagName + " 元素");
}
</script>
</head>
<body>
<p onmouseover="getRelatedElement(event)">鼠標移到這一段。 </p>
</body>
</html>
嘗試一下»
事件對象