在 JavaScript 中用坐标模拟点击

在 Web 开发中，有时需要模拟用户交互，例如点击。 JavaScript 提供了一种利用特定坐标来实现此目的的方法。

在 JavaScript 中基于 x,y 坐标模拟点击是否可行？

是的，可以使用 JavaScript 中的坐标模拟点击。但是，重要的是要了解模拟点击与用户发起的真实点击不同。例如，它不会欺骗跨域 iframe 文档，让其相信它们被点击。

模拟点击机制

要模拟点击，您可以调度“点击”事件。所有主流浏览器，包括 IE 6、Firefox 5、Chrome 和 Safari，都支持以下代码：

document.elementFromPoint(x, y).click();

工作原理如下:

1. document.elementFromPoint(x, y)：此函数检索网页内指定坐标 (x, y) 处的 DOM 元素。
2. .click()：该方法在标识的元素上触发点击事件。

示例：

// Simulate a click on the element located at (100, 150)
document.elementFromPoint(100, 150).click();

此模拟单击将模拟与用户在给定坐标处用鼠标单击元素相同的行为。然而，值得注意的是，行为可能会根据特定元素的实现和事件处理程序的不同而有所不同。