javascript - JS中如何实现 DIV内部和鼠标的距离
大家讲道理
大家讲道理 2017-05-16 13:37:29
[HTML讨论组]

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

前端们!如图所示,如何获取p最左侧到鼠标位置的坐标距离?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
PHP中文网
    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);
    })
仅有的幸福
$("p").on("click",function(e){
    var disX = e.clientX - e.offsetX;    //disX就是当前p最左侧到鼠标位置的坐标距离
});
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号