window屬性：onmouseout

2018-05-16 11:04 更新

onmouseout屬性

該onmouseout屬性返回當(dāng)前元素的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>

筆記

當(dāng)鼠標(biāo)離開元素時(shí)會(huì)引發(fā)鼠標(biāo)移出事件（例如，當(dāng)鼠標(biāo)離開網(wǎng)頁中的圖像時(shí)，會(huì)為該圖像元素引發(fā)鼠標(biāo)移出事件）。

規(guī)范

規(guī)范狀態(tài)注釋
HTML Living Standard
在該規(guī)范中定義'onmouseout'。
Living Standard
 

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。

  • 電腦端
特征Chrome
Edge
Firefox（Gecko）Internet Explorer
Opera
Safari（WebKit）
基本支持支持支持？？？？
  • 移動(dòng)端
特征AndroidAndroid WebviewEdge
Firefox Mobile（Gecko）Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
基本支持？支持支持？？？？？支持
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)