window属性:onmouseover

2018-05-17 11:17 更新

onmouseover属性

该onmouseover属性返回当前元素的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>

笔记

当用户将鼠标移动到特定元素上时引发mouseover事件。

规范

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

浏览器兼容性

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

  • 电脑端
特征Chrome
Edge
Firefox(Gecko)Internet Explorer
Opera
Safari(WebKit)
基本支持支持支持
  • 移动端
特征AndroidAndroid WebviewEdge
Firefox Mobile(Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
基本支持支持支持支持
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号