javascript - 鼠标点击坐标——一个真正的解决方案……有吗？

Question

截至目前，StackOverflow 中有 3,898 篇关于鼠标点击坐标的帖子。它们都涵盖了关于如何找到鼠标坐标的所有内容......与元素相关。

有没有人能够实现一种解决方案，在您处理的任何时候，您都可以记忆起最后一次鼠标点击的坐标？

在过去 8 个小时左右的时间里，我已经尝试了所有方法和所有解决方案，但没有遇到任何可以记忆起上次鼠标点击坐标的方法。

显然，您必须在处理 $('...').click(function(e){...}) 的地方捕获它；

如果我将处理发送到某个地方，并且在该处理中(几纳秒后)我想找出最后一次鼠标点击的坐标，那会怎么样？我如何在特定函数之外检索它？

编辑:

根据 sdleihssirhc 的建议，我能够实现适合我的解决方案:

在主页上我创建了两个 div(以避免处理数组和全局变量):

<div id='mouseX' style='display:none; ' ></div>
<div id='mouseY' style='display:none; ' ></div>

在脚本标签内的主页上:

$('#wrapper').click(function(e) {
    var offset = $(this).offset();
    $('#mouseX').text(e.clientX - offset.left);
    $('#mouseY').text(e.clientY - offset.top);
});

只要需要，我就可以:

var clickX = $('#mouseX').text();
var clickY = $('#mouseY').text();

谢谢!

Answer 1

您可以设置一个全局数组，用于跟踪坐标(可能在一个对象中，无论如何)。然后你可以给文档添加一个事件监听器，监听点击。然后只需记录位置即可。

每当您想引用最后一次点击的位置时，只需引用全局数组中的相应元素即可。 (如果您的日志记录功能未移位而不是推送，您总是可以只查看 yourArray[0]。)