javascript - JS中如何实现 DIV内部和鼠标的距离

问题描述

这是一个让我撕破脑皮也不能解决的问题↓

前端们！如图所示，如何获取p最左侧到鼠标位置的坐标距离？

问题解答

body{margin:0;padding:0; } #p{width:200px;height:100px;border:1px solid #000;position:absolute; } //如果p有定位父级元素存在还需要减去offsetTop值 $('#p').bind('click',function(ev){console.log(ev.clientX - $(this).offset().left); })回答2：

$('p').on('click',function(e){ var disX = e.clientX - e.offsetX; //disX就是当前p最左侧到鼠标位置的坐标距离});