javascript - 是否可以将 onclick 事件附加到文档中的特定坐标？

Question

我想知道是否可以将 onclick 事件附加到文档中的特定坐标。也许类似于图像映射中的“区域坐标”，它允许我创建一个矩形或圆形区域，单击该区域将执行一些代码。整个早上都在努力寻找解决方案，希望有更好编码知识的人可以为我澄清这一点。

Answer 1

您可以将点击事件附加到文档本身而不是任何特定元素。事件数据应包含鼠标在点击时的坐标(clientX 和 clientY)。

假设没有其他元素拦截和取消传播或返回 false，事件应该冒泡到文档，您的数据将在那里为您服务。

$(document).click(function(ev){
    console.log(ev.clientX, ev.clientY)
})

这将为您提供鼠标指针在窗口中的位置。如果您希望它相对于文档的顶部，您需要使用文档的滚动位置进行一些数学运算。

您还可以编写一些代码来过滤掉落在或不落在给定坐标集内的点击。