不是在浏览器上的坐标 是在父元素上的 不要
var x = event.clientX;
var y = event.clientY;
<div id="a" style="width:500px;height:400px; display:block; background-color:#eee;margin:50px auto;"></div>
//引入jQuery
<script>
var a=$("#a");
var boxX=a.offset().left;
var boxY=a.offset().top;
a.mousemove(function(e){
var x = e.pageX;
var y = e.pageY;
var zX=x-boxX;
var zY=y-boxY;
$(this).text("X:"+zX+"Y:"+zY);
});
</script>
//引入jQuery
<script>
var a=$("#a");
var boxX=a.offset().left;
var boxY=a.offset().top;
a.mousemove(function(e){
var x = e.pageX;
var y = e.pageY;
var zX=x-boxX;
var zY=y-boxY;
$(this).text("X:"+zX+"Y:"+zY);
});
</script>
温馨提示：答案为网友推荐，仅供参考
第1个回答 2014-09-09
jq只有获取元素相对于浏览器的
$(this).offset().left()忘了后边要不要小括号了
$(this).offset().top()
相对于父元素的话，把父元素的position设置成相对或绝对定位
然后document.getElementById("dddd").offsetTop
document.getElementById("dddd").offsetLeft
就是你要的了本回答被网友采纳
$(this).offset().left()忘了后边要不要小括号了
$(this).offset().top()
相对于父元素的话，把父元素的position设置成相对或绝对定位
然后document.getElementById("dddd").offsetTop
document.getElementById("dddd").offsetLeft
就是你要的了本回答被网友采纳
