window.event.clientX 和window.event.offsetX的区别

<script>


function init(){
document.getElementById("testDiv").style.display="none";

}

function showDiv(){
var tObj=document.getElementById("testDiv");
tObj.style.display="block";
tObj.style.position="absolute";
tObj.style.posTop=window.event.clientY;
tObj.style.posLeft=window.event.clientX; //直接点，就是光标的坐标
}
</script>


<body onload="init();">

<table><tr><td onclick="showDiv()">click me</td></tr></table>


<br><p>
<p><p><p><p><p><p><p>
<div id="testDiv">active media</div>

 

offsetX与clientX最大区别是offset的坐标相对于父对象而言的坐标

转 http://guigang520.blog.163.com/blog/static/90814934201031851720479/

posted @ 2014-04-23 11:33  stma  阅读(1910)  评论(0)    收藏  举报