怎么判断鼠标在div里？

Question

如题

Answer 1

<div style="width:200;height:200px;margin-top:100;margin-left:200px;background-color:red;" onmouseover="this.innerText='鼠标在DIV里'" onmouseout="this.innerText='鼠标不在DIV里'">
</div>

Answer 2

 我的问题没说清楚，这个鼠标移到div里的子控件上也算在这个div里。就是div的一切都算里，不是上面那么简单的。谢谢

Answer 3

一样呀，事件流默认就是冒泡的<div style="width:200;height:200px;margin-top:100;margin-left:200px;background-color:red;" onmouseover="document.getElementById('span').innerText='鼠标在DIV1里'" onmouseout="document.getElementById('span').innerText='鼠标不在DIV1里'">
<div style="width:100;height:200px;margin-top:30;margin-left:30px;background-color:yellow;"></div></div><span id="span"/>

Answer 4

 /* FF 下判断鼠标是否离开DIV */
        if(window.navigator.userAgent.indexOf("Firefox")>=1) { 
            var x = e.clientX + document.body.scrollLeft;
            var y = e.clientY + document.body.scrollTop ;
            var left = o.offsetLeft;
            var top = o.offsetTop;
            var w = o.offsetWidth;
            var h = o.offsetHeight;
            
            if(y < top || y > (h + top) || x > left + w || x<left ) { 
            }
        }        /* IE */
        if(o.contains(event.toElement ) == false    ) 

Answer 5

当然这个前提是你的控件是在<div></div>里，如果只是显示在DIV上面而在代码中并不包含在DIV里是不行的