jQuery 自動觸發事件例項

jQuery · 發表 2019-03-02 18:24:18

摘要：有時候專案需求頁面載入完後，需要模擬使用者操作，自動點選按鈕。jQuery中可以使用trigger() 方法模擬事件。 $(selector).trigger(event,[param1,param2,...]) event：必須，規定指定元素上要觸發的事件。可以是自定義...

有時候專案需求頁面載入完後，需要模擬使用者操作，自動點選按鈕。jQuery中可以使用trigger() 方法模擬事件。

$(selector).trigger(event,[param1,param2,...])

event：必須，規定指定元素上要觸發的事件。可以是自定義事件和標準事件。

param1,param2,...可選。傳遞到事件處理程式的額外引數。

額外的引數對自定義事件特別有用。

例如，模擬點選事件可以用以下的語句

$('#btn').trigger("click");
$('#btn').click();

但是，trigger()方法有一個問題，trigger() 方法觸發被選元素上指定的事件以及事件的預設行為（比如表單提交）。某些情況下會帶來一些不必要的後果，然而大多數的部落格都都只說了trigger怎麼用，沒有講會帶來什麼問題。

這裡就需要介紹另外一個方法triggerHandler() ，triggerHandler() 不觸發事件的預設行為。