javascript – 如何从正文上的onClick事件中获取鼠标单击的绝对位置?

前端之家收集整理的这篇文章主要介绍了javascript – 如何从正文上的onClick事件中获取鼠标单击的绝对位置?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图获得相对于浏览器/正文的鼠标单击的绝对位置(顶部和左侧),而不是正文中的任何父元素.

我有一个绑定到身体的监听器,但是e.pageX和e.pageY给了我相对于div的位置.

请注意,我可以利用jQuery和YUI函数.

当前无法正常运行的代码

//getting the position
function _handleClick(e) {
    var data = { absX: e.pageX,absY: e.pageY};
    _logClickData(data);
}

//binding the function
var methods = {
    init: function () {
        $("body").click(_handleClick);
    }
};

解决方法

根据这个( http://docs.jquery.com/Tutorials:Mouse_Position),那些应该给你绝对的位置. offsetX / Y为您提供相对位置.

编辑2013年11月:原始的“鼠标位置”链接似乎被破坏,但the documentation for pageX包含一个利用jQuery pageX / Y的示例. page about the offset method还包含相关示例.

原文链接:https://www.f2er.com/js/155817.html

猜你在找的JavaScript相关文章