--- title: GlobalEventHandlers.onmouseout slug: Web/API/GlobalEventHandlers/onmouseout translation_of: Web/API/GlobalEventHandlers/onmouseout ---

概述

onmouseout属性用来获取或设置当前元素的mouseout事件的事件处理函数.

语法

element.onMouseOut = event handling code

例子

<!doctype html>
<html>
<head>
<title>onmouseover/onmouseout event example</title>
<script type="text/javascript">
    function initElement()
    {
        var p = document.getElementById("foo");

        p.onmouseover = showMouseOver;
        p.onmouseout = showMouseOut;
    };

    function showMouseOver()
    {
        var notice = document.getElementById("notice");
        notice.innerHTML = '检测到鼠标移进';
    }

    function showMouseOut()
    {
        var notice = document.getElementById("notice");
        notice.innerHTML = '检测到鼠标移出';
    }


</script>
<style type="text/css">
    #foo {
    border: solid blue 2px;
    }
</style>
</head>
<body onload="initElement()";>
    <span id="foo">移动鼠标,在该元素上移进移出</span>
    <div id="notice"></div>
</body>
</html>

备注

当鼠标离开一个元素时,会在这个元素上触发mouseout事件.

规范

DOM Level 0 不属于任何规范.

{{ languages( {"fr": "fr/DOM/element.onmouseout","en": "en/DOM/element.onmouseout" } ) }}