如何获取鼠标在div中的相对位置
来源:互联网 发布:电子商务美工论文范文 编辑:程序博客网 时间:2024/06/06 22:10
<HEAD>
<TITLE> JS获取DIV相对坐标</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,经测试,有2PX的误差...
</div>
当前鼠标坐标为:
X:<span id="mp_x"></span>
Y:<span id="mp_y"></span>
</body>
</BODY>
<TITLE> JS获取DIV相对坐标</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,经测试,有2PX的误差...
</div>
当前鼠标坐标为:
X:<span id="mp_x"></span>
Y:<span id="mp_y"></span>
</body>
</BODY>
</HTML>
如果不对,可以试试将
document.documentElement.scrollLeft
替换成
document.body.scrollLeft
0 0
- 如何获取鼠标在div中的相对位置
- 获取鼠标在div中的相对位置的实现代码
- 鼠标点击获取在某div的相对位置
- JS 获取DIV中鼠标相对位置的方法
- JS 获取DIV中鼠标相对位置坐标
- 如何获取鼠标在控件中位置
- 获取鼠标在世界中的位置
- 如何获取鼠标位置
- 获取鼠标相对应document的位置
- Qt获取鼠标位置(绝对位置、相对位置)
- 请问如何在Android APP层获取Framework层中的鼠标位置信息。
- html中多个div嵌套时div在上一级中的相对位置的设置
- 用C语言在linux下获取鼠标指针的相对位置
- 用C语言在linux下获取鼠标光标的相对位置
- 用C语言在linux下获取鼠标指针的相对位置
- Jquery获取鼠标位置和判断鼠标是否在DIV中
- 获取鼠标指针在ListBox中的行位置
- C# 获取鼠标在屏幕中的颜色和位置
- RyuJIT:下一代的JIT编译器
- Java使用内省机制复制对象信息
- java.lang.NoClassDefFoundError: org/apache/juli/logging/LogFactory的解决
- Spring MVC "The request sent by the client was syntactically incorrect "解决办法
- easyUI的tree和treeGrid不需要递归取,有内置的成树字段
- 如何获取鼠标在div中的相对位置
- Insufficient free space: 25 extents needed, but only 0 available
- 记录一下比较好用的小工具
- QTP DEV控件相关
- OpenLayers(3)cc
- LeetCode之Gas Station
- javascript 中 中文编码
- 关于接口CvCameraViewListener2
- .net自定义控件Control、WebControl、CompositeControl