window屬性：onmouseover

2018-05-17 11:17 更新

onmouseover屬性

該onmouseover屬性返回當(dāng)前元素的onmouseover事件處理程序代碼。

onmouseover屬性語法

element.onmouseover = event handling code

onmouseover屬性示例

<!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)移動到特定元素上時引發(fā)mouseover事件。

規(guī)范

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

瀏覽器兼容性

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號