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最左側到鼠標位置的坐標距離});