 
<HEAD> 
<TITLE> JS獲取DIV相對坐標(biāo)</TITLE> 
<script type="text/javascript"><!-- 
function getX(obj){ 
var parObj=obj; 
var left=obj.offsetLeft; 
while(parObj=parObj.offsetParent){ 
left+=parObj.offsetLeft; 
} 
return left; 
} 

function getY(obj){ 
var parObj=obj; 
var top=obj.offsetTop; 
while(parObj = parObj.offsetParent){ 
top+=parObj.offsetTop; 
} 
return top; 
} 

function DisplayCoord(event){ 
var top,left,oDiv; 
oDiv=document.getElementById("demo"); 
top=getY(oDiv); 
left=getX(oDiv); 
document.getElementById("mp_x").innerHTML = (event.clientX-left+document.documentElement.scrollLeft) -2+"px"; 
document.getElementById("mp_y").innerHTML = (event.clientY-top+document.documentElement.scrollTop) -2+"px"; 
} 
// --></script> 
</HEAD> 

<BODY style="margin:40px;" mce_style="margin:40px;"> 
<div style="background-color:#000000;color:#0011FF;width:300px;height:300px;position:absolute;top:80px;left:90px;margin:0px; border:0px;" id="demo" onmousemove="DisplayCoord(event)"> 
我是DIV,經(jīng)測試,有2PX的誤差... 
</div> 
當(dāng)前鼠標(biāo)坐標(biāo)為： 
X：<span id="mp_x"></span> 
Y：<span id="mp_y"></span> 
</body> 
</BODY> 

</HTML> 

如果不對，可以試試將

document.documentElement.scrollLeft

替換成

document.body.scrollLeft

相關(guān)文章

JavaScript 學(xué)習(xí)點滴記錄
HTML DOM (Document Object Model文檔對象模型) DOM是一種與瀏覽器，平臺，語言的接口，使得你可以訪問頁面其他的標(biāo)準(zhǔn)組件. DOM是以層次結(jié)構(gòu)組織的節(jié)點或信息片斷的集合.
2009-04-04
webpack?5.68.0版本教程示例詳解
這篇文章主要為大家介紹了webpack?5.68.0版本教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-11-11
重構(gòu)Javascript代碼示例(重構(gòu)前后對比)
回顧頭來看看那些Javascript腳本，有寫得不太理想，過于復(fù)雜?，F(xiàn)抽取出來，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的
2013-01-01
JavaScript數(shù)組去重的6個方法
本篇文章主要介紹了JavaScript數(shù)組去重的6個方法。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
這篇文章主要為大家詳細(xì)介紹了JavaScript的面向?qū)ο?，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-03-03