首頁 > web前端 > js教程 > 如何在 JavaScript 中模擬點擊:「click()」與「dispatchEvent()」?

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

Mary-Kate Olsen
發布: 2024-12-04 06:30:15
原創
627 人瀏覽過

How to Simulate Clicks in JavaScript: `click()` vs. `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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板