阅读(2.6k) 书签赞(0) 我要纠错

window属性：onmouseout

2018-05-16 11:04 更新

onmouseout属性

该onmouseout属性返回当前元素的onmouseout事件处理程序代码。

onmouseout属性语法

element.onmouseout = event handling code

onmouseout属性示例

<!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 = 'mouse over detected';
    }
    
    function showMouseOut()
    {
        var notice = document.getElementById("notice");
        notice.innerHTML = 'mouse out detected';
    }


</script>  
<style type="text/css">  
    #foo {  
    border: solid blue 2px;  
    }  
</style>  
</head>  
<body onload="initElement()";>
    <span id="foo">My Event Element</span>
    <p>move your mouse over and out the above element.</p>  
    <div id="notice"></div>
</body>  
</html>

笔记

当鼠标离开元素时会引发鼠标移出事件（例如，当鼠标离开网页中的图像时，会为该图像元素引发鼠标移出事件）。

规范

规范	状态	注释
HTML Living Standard 在该规范中定义'onmouseout'。	Living Standard

浏览器兼容性

我们正在将兼容性数据转换为机器可读的JSON格式。

电脑端

特征	Chrome	Edge	Firefox（Gecko）	Internet Explorer	Opera	Safari（WebKit）
基本支持	支持	支持	？	？	？	？

移动端

特征	Android	Android Webview	Edge	Firefox Mobile（Gecko）	Firefox OS	IE Mobile	Opera Mobile	Safari Mobile	Chrome for Android
基本支持	？	支持	支持	？	？	？	？	？	支持

以上内容是否对您有帮助：

← window属性：onmousemove

window属性：onmouseover →

写笔记

我要补充