trigger() 觸發事件
觸發事件就是 類似於點選click, mouseover, keydown 等有動作的js事件,簡單的說就是一個動作,可能有人會問,那show, hide 是不是? 不是
為什麼要用 trigger() ?
比如:你給一個按鈕添加了一個click點選事件,彈出提示框,程式碼如下。
var div = $(“#mybutton”); //你的按鈕。 k(function() { alert(‘你是豬啊,~讓你點,你就點?’);});
上面的程式碼就是一個按鈕的click事件。這個時候你有個非分的要求,就是希望頁面重新整理的.時候就點一下這個按鈕。如果不用trigger()你可以在後面這樣寫:
k();
如果用trigger(),你就要寫成這樣:效果跟上面這句是一樣,就是稍微長點。
ger(“click”);
然後有人說:你是豬啊·~~ 上面這個短一點,你還教我用下面這個 =,=
表急著揍我麼~· 繼續往下看。
你用手冊 裡的索引搜一下click 可以看到 兩條 結果 click() 和,click(fn),然後 搜一下trigger 發現只有一個 trigger(type, [data]) 。
然後你知道我的意思了吧。— trigger 可以傳引數進去。
我們看看 手冊裡的trigger 例子:
$(“p”)k( function (event, a, b) { // 一個普通的點選事件時,a和b是undefined型別 // 如果用下面的語句觸發,那麼a指向”foo”,而b指向”bar” } )ger(“click”, [“foo”, “bar”]);
瞭解了吧?如果用click 的話,它不吃引數,用trigger的話,就能吃了。
練習一下吧:黏貼到你的頁面上試試看,記得把jquery載進來。
$(function() { var div = $(“#mybutton”); //你的按鈕。 k(function(e,text) { var text = text || ‘你是豬啊,~讓你點,你就點?’; alert(text); }); ger(“click”,”您好,請點選按鈕”);});
demo:
下面的程式碼可以顯示一個”Hello World” jQuery 程式碼: $(“p”)(“myEvent”, function (event, message1, message2) { alert(message1 + ‘ ‘ + message2); }); $(“p”)ger(“myEvent”, [“Hello”,”World!”]);
其實trigger()方法的意思自動觸發被選元素的指定事件型別。
div{
width:200px;
height:200px;
border:1px solid blue;
}