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

Question

这是一个让我撕破脑皮也不能解决的问题↓前端们！如图所示，如何获取div最左侧到鼠标位置的坐标距离？

Answer 1

    body{

        margin:0;

        padding:0;

    }

    #div{

        width:200px;

        height:100px;

        border:1px solid #000;

        position:absolute;

    }

    //如果div有定位父级元素存在还需要减去offsetTop值

    $("#div").bind("click",function(ev){

        console.log(ev.clientX - $(this).offset().left);

    })