复制代码代码如下:
<หัว>
<TITLE> JS获取DIV相对坐标</TITLE>
<script type="text/javascript"><!--
ฟังก์ชั่น getX (obj) {
var parObj=obj;
var ซ้าย=obj.offsetLeft;
ในขณะที่(parObj=parObj.offsetParent){
ซ้าย+=parObj.offsetLeft;
-
กลับไปทางซ้าย;
-
ฟังก์ชั่น getY (obj) {
var parObj=obj;
var top=obj.offsetTop;
ในขณะที่(parObj = parObj.offsetParent){
ด้านบน+=parObj.offsetTop;
-
กลับด้านบน;
-
ฟังก์ชั่น DisplayCoord (เหตุการณ์) {
var บน,ซ้าย,oDiv;
oDiv=document.getElementById("สาธิต");
ด้านบน=getY(oDiv);
ซ้าย=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";
-
// --></สคริปต์>
</HEAD>
<BODY style="margin:40px;" mce_style="margin:40px;">
<div style="พื้นหลังสี:#000000;สี:#0011FF;ความกว้าง:300px;ความสูง:300px;ตำแหน่ง:สัมบูรณ์;ด้านบน:80px;ซ้าย:90px;ระยะขอบ:0px; เส้นขอบ:0px;" id = "สาธิต" onmousemove = "DisplayCoord (เหตุการณ์)">
我是DIV,经测试,มี 2PX 的误差...
</div>
当前鼠标坐标为:
X:<span id="mp_x"></span>
ใช่:<span id="mp_y"></span>
</ร่างกาย>
</ร่างกาย>
</HTML>
如果不对, 可以试试将
document.documentElement.scrollLeft
替换成
document.body.scrollLeft