trigger方法的功能是在所選擇的元素上觸發指定類型的事件,其調用的語法格式為:trigger(type,[data]) ,其中參數type為觸發事件的類型，參數data為可選項，表示在觸發事件時,傳遞給函數的附件參數.

常用模擬

有時，不需要進行操作，也想模擬用戶操作達到某些效果。比如在用戶進入界面后就觸發click事件，而不需要用戶去點擊。
在jquery中可以使用trigger完成。

$("#btn").trigger("click")//觸發id為btn的click事件
 
$("#btn").click()//簡寫

觸發自定義事件

trigger不僅能觸發瀏覽器支持的這些事件，也可以觸發自定義的事件。比如，綁定一個名為clickMe的事件：

$("#btn").bind("clickMe",function(){
 //....
})
 
$("#btn").trigger("clickMe")//觸發該事件

傳遞數據

trigger(type,[data])

第一個參數指觸發的事件類型，第二個是要傳遞給事件處理函數的附加數據，以數組形式傳遞。通?？梢酝ㄟ^傳遞一個參數給回調函數來區別這次的事件是否為用戶觸發的。

<button id="btn">按鈕</button>
<p id="msg"></p>
<script>
$(function(){
 $('#btn').bind("clickMe",function(event,msg1,msg2){
 $("#msg").text(msg1+' '+msg2)
 })
 $('#btn').trigger("clickMe",["hello","jquery"])
})
</script>

效果截圖

執行默認操作

trigger()方法觸發事件后，會執行瀏覽器默認操作。比如

$('input').trigger('focus')

以上代碼不僅會觸發為input綁定的focus事件，也會觸發瀏覽器中默認的focus事件，得到焦點。如果只想觸發自定義的focus事件，使用triggerHandler()

$('input').triggerHandler('focus')

該方法僅僅會觸發input上綁定的事件，并且取消瀏覽器對這個事件的默認操作，不會得到焦點。

總結

好了，

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com