JavaScript事件对象属性relatedTarget|定义与目标元素相关的元素

由 hcduguo

事件对象参考手册

定义与用法

relatedTarget 事件属性返回与事件的目标元素相关的元素。

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

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

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

语法格式

event.relatedTarget

示例代码

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>奔月教程(runoon.com)</title>
        <script>
            function getRelatedElement(event) {
                alert("鼠标指针移到了 " + event.relatedTarget.tagName + " 元素");
            }
        </script>
    </head>
    <body>
        <p onmouseover="getRelatedElement(event)">鼠标移到这一段。</p>
    </body>
</html>

亲自试试

事件对象参考手册

相关