数码资讯
在div中获取鼠标相对位置的实现代码
复制代码代码如下所示: js获取div的相对坐标。
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
复制代码代码如下所示:
js获取div的相对坐标。
<!——
函数getX(obj){
无功parobj = obj;
左= obj.offsetleft VaR;
而(parobj = parobj。offsetparent){
左+ = parobj.offsetleft;
}
返回左;
}
功能盖蒂(obj){
无功parobj = obj;
var = obj.offsettop;
而(parobj = parobj。offsetparent){
顶+ = parobj.offsettop;
}
返回顶部;
}
功能displaycoord(事件){
VaR的顶部,左,odiv;
odiv = document.getelementbyid(演示);
顶=盖蒂(odiv);
左= getX(odiv);
document.getelementbyid(mp_x ).innerHTML =(事件。ClientX左+文档。文档元素}。scrollLeft)- 2 +PX;
document.getelementbyid(mp_y ).innerHTML =(事件。clienty顶+文档。文档元素}。scrollTop)- 2 +PX;
}
经过测试我的div,,有一个2px误差…
当前鼠标坐标是:
X:
Y:
如果是错的,试试看。
document.documentelement.scrollleft
更换
document.body.scrollleft
js获取div的相对坐标。
<!——
函数getX(obj){
无功parobj = obj;
左= obj.offsetleft VaR;
而(parobj = parobj。offsetparent){
左+ = parobj.offsetleft;
}
返回左;
}
功能盖蒂(obj){
无功parobj = obj;
var = obj.offsettop;
而(parobj = parobj。offsetparent){
顶+ = parobj.offsettop;
}
返回顶部;
}
功能displaycoord(事件){
VaR的顶部,左,odiv;
odiv = document.getelementbyid(演示);
顶=盖蒂(odiv);
左= getX(odiv);
document.getelementbyid(mp_x ).innerHTML =(事件。ClientX左+文档。文档元素}。scrollLeft)- 2 +PX;
document.getelementbyid(mp_y ).innerHTML =(事件。clienty顶+文档。文档元素}。scrollTop)- 2 +PX;
}
经过测试我的div,,有一个2px误差…
当前鼠标坐标是:
X:
Y:
如果是错的,试试看。
document.documentelement.scrollleft
更换
document.body.scrollleft
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。