- jQuery自定義事件 - trigger()
<input type="text" name="FirstName" value="Hello World"/>
<br />
<button>激活 input 域的 select 事件</button>
<script>
$("input").on('hello',function(){ //自定義hello事件
this.value='aha';
})
$("button").click(function(){
//trigger() 方法觸發(fā)被選元素的指定事件類型。自定義hello事件
$("input").trigger("hello");
});
</script>
-
jQuery中的trigger()方法作用
在前端頁面開發(fā)中,我們有時候希望能自定執(zhí)行一些人性化操作,比如鼠標不用點擊自動就能點擊等操作,利用傳統(tǒng)的js語言需要編寫復(fù)雜的代碼才能實現(xiàn)此功能,這時候我們使用jquery的trigger()方法就能輕松實現(xiàn).trigger方法的功能是在所選擇的元素上觸發(fā)指定類型的事件,其調(diào)用的語法格式為:trigger(type,[data]),其中參數(shù)type為觸發(fā)事件的類型,參數(shù)data為可選項鹃操,表示在觸發(fā)事件時,傳遞給函數(shù)的附件參數(shù).下面來舉例說明下.
頁面中創(chuàng)建一個文本框,并給文本一個默認值颜说,當該頁面加載時,自動獲取文本框的值腰吟,顯示在頁面中,同時文本框處于選中狀態(tài) .實現(xiàn)代碼如下:
$(function(){
var oTxt=$("input");//獲取文本框
oTxt.trigger("select");//自動選中文本框
oTxt.bind("btn_click",function(){
//自定義事件
var txt=$(this).val();//獲取自身內(nèi)容
$("#div").html(txt);//顯示在頁面中
})
oTxt.trigger("btn_click");//自動觸發(fā)自定義事件
})