js获得相对于父元素的坐标

<html>
<head>
<script type="text/javascript">
function show_coords(event)
{
// screenX 相对于屏幕
//clientX相对于浏览器  offsetX,offsetY(相对于父容器,IE专用)
x=event.clientX
y=event.clientY 
alert("X 坐标: " + x + ", Y 坐标: " + y)
}
</script>
</head>
<body>
<p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>

</body>
</html>

  最后解决:

  

div.onmouseout=function(event){  
                        var div = document.getElementById("test");  
                    <span style="color:#FF6600;">var x=event.clientX;  
                        var y=event.clientY;  
                        var divx1 = div.offsetLeft;  
                        var divy1 = div.offsetTop;  
                        var divx2 = div.offsetLeft + div.offsetWidth;  
                        var divy2 = div.offsetTop + div.offsetHeight;  </span>  
                        if( x < divx1 || x > divx2 || y < divy1 || y > divy2){  
                                        //如果离开,则执行。。  
                                    }  

   来自:http://binbinwudi.iteye.com/blog/1915135

你可能感兴趣的:(js)