javascript – So erkennen Sie den Abstand zwischen der Innenseite von DIV und der Maus in JS

Question

Das ist ein Problem, das ich nicht lösen kann, selbst wenn ich mir den Kopf zerreiße↓

Frontends! Wie erhält man, wie in der Abbildung gezeigt, den Koordinatenabstand von der äußersten linken Seite von p zur Mausposition?

Answer 1

    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);
    })

Answer 2

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