使用jQuery中trigger()方法自動觸發事件

標籤：瀏覽器   回呼函數   bsp   details   執行   test   使用者   message   handle   

一、常用事件

在頁面載入完成時  自動觸發input的點擊事件，在移動端可以實現自動彈出IME，獲得焦點

$("input").trigger("click").focus();

還有一種簡寫方式：

$("input").click();

還有其它事件就不一一列出了。

 

二、自訂事件

$("#btn").on("myClick",function(){   alert("自訂事件");});$("#btn").trigger("myClick");

 

三、傳遞參數

trigger(tpye[,datea])方法有兩個參數，第一個參數是要觸發的事件類型，第二個單數是要傳遞給事件處理函數的附加資料，以數組形式傳遞。通常可以通過傳遞一個參數給回呼函數來區別這次事件是代碼觸發的還是使用者觸發的。

$("#btn").bind("myClick", function (event, message1, message2) { //擷取資料    $("#test").append("p" + message1 + message2 + "</p>");});$("#btn").trigger("myClick",["我的自訂","事件"]); //傳遞兩個資料

$(“#btn”).trigger(“myClick”,["我的自訂","事件"]); //傳遞兩個資料

 

四、執行預設操作

triger()方法觸發事件後，會執行瀏覽器預設操作。例如：

$("input").trigger("focus");

以上代碼不僅會觸發為input元素繫結的focus事件，也會使input元素本身得到焦點（瀏覽器預設操作）。

如果只想觸發綁定的focus事件，而不想執行瀏覽器預設操作，可以使用jQuery中另一個類似的方法-triggerHandler()方法。

$("input").triggerHandler("focus");

該方法會觸發input元素上綁定的特定事件，同時取消瀏覽器對此事件的預設操作，即文字框指觸發綁定的focus事件，不會得到焦點。

 

教程參考地址：http://blog.csdn.net/lijunling2008live/article/details/7457396

使用jQuery中trigger()方法自動觸發事件