首頁 > 網際網路

js怎麼模擬點選網頁元素

2019-12-12 03:26:50

js是在瀏覽器用戶端執行的指令碼語言,所以,想要使用js模擬點選網頁元素,是可以做到的。為了簡化js的使用,本文引入jquery為例演示

1

開啟vscode,建立一個H5規範的測試頁面JsClick.html,在頁面同級目錄新增一個jquery原始檔,用於演示js模擬點選網頁元素


2

在測試頁面中,引入jquery原始檔,並新增一個div標籤,一個a標籤,為了演示效果a標籤暫時不新增地址


3

通過jquery為div標籤系結一個點選事件,這個事件是被動執行的。意思是要點選才會觸發的


4

在瀏覽器中執行測試頁面,點選這個div內容,就可以看到彈出內容了


5

在頁面中繼續新增js,模擬點選這個div元素,此時,不需要手動點選,程式會自動點選。

使用jquery的trigger("click")就可以模擬點選元素了


6

為頁面的a標籤,系結一個點選事件,這個事件也是被動的,需要點選才會有效果


7

在頁面新增模擬點選a標籤的js程式碼,注意,a標籤不能直接click,否則,不會有效果。

對於a標籤比較特殊,不能直接trigger,必須要[0].click()才行



IT145.com E-mail:sddin#qq.com