在 JavaScript 中以座標模擬點擊

在 Web 開發中，有時需要模擬使用者交互，例如點擊。 JavaScript 提供了一種利用特定座標來實現此目的的方法。

在 JavaScript 中基於 x,y 座標模擬點擊是否可行？

是的，可以使用 JavaScript 中的座標模擬來點擊。但是，重要的是要了解模擬點擊與用戶發起的真實點擊不同。例如，它不會欺騙跨域 iframe 文檔，讓其相信它們被點擊。

模擬點擊機制

要模擬點擊，您可以調度「點擊」事件。所有主流瀏覽器，包括IE 6、Firefox 5、Chrome 和Safari，都支援以下程式碼：

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

工作原理如下:

1. document.elementFromPoint(x, y)：此函數會擷取位於下列位置的DOM 元素網頁內指定的座標(x, y)。
2. .click()：此方法會在所識別的元素上觸發單擊事件。

範例：

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

此模擬點選將模擬與使用者在給定座標處用滑鼠點選元素相同的行為。然而，值得注意的是，行為可能會根據特定元素的實現和事件處理程序的不同而有所不同。