浏览器兼容event.offsetX的方法

最新推荐文章于 2024-11-12 08:18:23 发布

原创最新推荐文章于 2024-11-12 08:18:23 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文提供了一种在火狐浏览器中兼容获取鼠标点击位置的方法，通过使用getBoundingClientRect和clientX属性来替代不被支持的e.offsetX属性。

火狐浏览器不支持e.offsetX，解决方法

function getOffsetX(e){
    var e =e||window.event;
    var srcObj = e.target || e.srcElement;
    if (e.offsetX){
        return e.offsetX;
    }else{
        var rect = srcObj.getBoundingClientRect();
        var clientx = e.clientX;
        return clientx - rect.left;
    }
}

或者
 var srcObj = e.target || e.srcElement;
return e.offsetX || (e.clientX - srcObj.getBoundingClientRect().left);