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);
}
-----原理:
获取鼠标的位置,相对元素的位置,滚动条的长度,计算得出相对位置
💥 前端萌新,促进学习,分享小的知识点,请大佬们在评论区留下有趣的、酷炫的技术。💥