如何在 JavaScript 中模擬點擊：「click()」與「dispatchEvent()」？

在 JavaScript 中模擬點擊：指南

使用 JavaScript 模擬元素點擊是 Web 開發中的常見任務。這可以透過多種方式完成，具體取決於瀏覽器相容性要求。

使用click() 方法（僅限IE）

在Internet Explorer 中，您可以使用直接在要觸發點擊事件的元素上使用click() 方法：

使用dispatchEvent()方法（現代瀏覽器）

對於現代瀏覽器，您可以使用dispatchEvent() 方法建立自訂滑鼠點擊事件並將其分派給元素：

為什麼您的程式碼不起作用

問題中提供的程式碼不起作用，因為SimulateClick()函數缺少一個重要的細節。 MouseEvents API 中的 initMouseEvent() 方法需要設定 clientX 和 clientY 屬性，這兩個屬性指定在瀏覽器視窗中點選的位置。

已修訂的程式碼

要解決此問題，請新增以下程式碼來設定clientX 和clientY 屬性：

The更新後的程式碼將如下所示：

現在應該會成功模擬對ID為“mytest1”的元素的點擊。

以上是如何在 JavaScript 中模擬點擊：「click()」與「dispatchEvent()」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！