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

问题描述

问 题

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

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

解决方案

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

这篇关于javascript - JS中如何实现 DIV内部和鼠标的距离的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！