1.鼠标获取相对位置

404 阅读1分钟
function c(){
 var objTop = getOffsetTop(document.getElementById("d"));//对象x位置
 var objLeft = getOffsetLeft(document.getElementById("d"));//对象y位置
 
 var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
 var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
 
 var mouseX = event.clientX+scrollX;//鼠标x位置
 var mouseY = event.clientY+scrollY;//鼠标y位置
 var d = s.getBoundingClientRect();//s元素相对于浏览器的相对位置
//计算点击的相对位置
 var objX = mouseX-objLeft;
 var objY = mouseY-objTop;
 clickObjPosition = objX + "," + objY;
 alert(clickObjPosition);
}
-----原理:
获取鼠标的位置,相对元素的位置,滚动条的长度,计算得出相对位置
💥 前端萌新,促进学习,分享小的知识点,请大佬们在评论区留下有趣的、酷炫的技术。💥