jQuery 自動(dòng)觸發(fā)事件實(shí)例
2019-03-08 14:08:16
11627
有時(shí)候項(xiàng)目需求頁面加載完后,需要模擬用戶操作,自動(dòng)點(diǎn)擊按鈕。jQuery中可以使用trigger()方法模擬事件。
$(selector).trigger(event,[param1,param2,...])
event:必須,規(guī)定指定元素上要觸發(fā)的事件。可以是自定義事件和標(biāo)準(zhǔn)事件。
param1,param2,...可選。傳遞到事件處理程序的額外參數(shù)。
額外的參數(shù)對(duì)自定義事件特別有用。
例如,模擬點(diǎn)擊事件可以用以下的語句
$('#btn').trigger("click");
$('#btn').click();
但是,trigger()方法有一個(gè)問題,trigger() 方法觸發(fā)被選元素上指定的事件以及事件的默認(rèn)行為(比如表單提交)。某些情況下會(huì)帶來一些不必要的后果,然而大多數(shù)的博客都都只說了trigger怎么用,沒有講會(huì)帶來什么問題。
這里就需要介紹另外一個(gè)方法triggerHandler(),triggerHandler() 不觸發(fā)事件的默認(rèn)行為。
trigger()與 triggerHandler() 方法相比的不同之處:
它不會(huì)引起事件(比如表單提交)的默認(rèn)行為
.trigger() 會(huì)操作 jQuery 對(duì)象匹配的所有元素,而 .triggerHandler() 只影響第一個(gè)匹配元素。
由 .triggerHandler() 創(chuàng)建的事件不會(huì)在 DOM 樹中冒泡;如果目標(biāo)元素不直接處理它們,則不會(huì)發(fā)生任何事情。