trigger的用法

介紹trigger()方法的作用:
trigger()方法觸發被選元素上指定事件以及事件默認行爲(比如表單的提交);
`
$(selector).trigger(event,eventObj,param1.,param2,...)

其中: event  是必須的。規定指定元素上要觸發的事件。
可以是自定義事件,或者任何標註事件。

param1,param2.....可選。傳遞到事件處理程序的額外參數。
額外參數對自定義事件特別有用。

`
  • trigger與triggerHandle的區別:
1. triggle不會引起事件的默認行爲;
2. trigger()會操作jquery對象匹配的所有元素,而triggerHandler()值影響第一個匹配到的元素;
3. triggerHandle()創建的事件 不會在DOM樹中冒泡;如果目標元素不直接處理他們,則不會發生任何事情;
4. triggerHandle()方法返回的是事件處理函數的返回值,而不是具有可鏈性的jquery對象,此外如果沒有處理程序被觸發,則這個方法返回undefined。

用於自動觸發事件:
`
function select() {
$('#demo').trigger('click');
}

    $('#demo').click(function(){
        alert('hello world');
    });

`
用於傳遞參數:
    `
        $('#demo').click(function(e,foo,bar){
        console.log(foo,bar)
}).trigger('click',['sss',3]);

$('#demo').click(function(e,value){
        var oValue = '' || value;
        alert(oValue);
}).trigger('click','你好');

    `

這裏,如果先傳遞多個參數進去,param需要是參數的形式的arguments數組

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章