mozilla
您的搜索结果

    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 不属于任何规范.

    文档标签和贡献者

    此页面的贡献者有: ziyunfei, khalid32, teoli
    最后编辑者: teoli,
    隐藏侧边栏