【js】获取鼠标点击位置坐标

最新推荐文章于 2025-05-22 09:08:16 发布

原创最新推荐文章于 2025-05-22 09:08:16 发布 · 409 阅读

1 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用JavaScript获取页面上鼠标点击位置的方法，通过监听body元素的点击事件并计算鼠标相对于页面的位置，适用于前端开发中需要捕捉用户鼠标操作的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

         $("body").click(function (event) {
            var pos = getMousePos(event);
            console.log(pos)
        });
        function getMousePos(event) {
            var e = event || window.event;
            var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
            var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
            var x = e.pageX || e.clientX + scrollX;
            var y = e.pageY || e.clientY + scrollY;
            return { x, y };
        }