我們可以綁定事件兩次完成。
- $("div").click(function(e){
- alert("event");
- }).keydown(function(e){
- alert("event");
- });
這樣看起來還好,可是同樣的行為卻需要重新貼上兩次,如果function裡面的東西比較多,看起來就真的很醜了,這時候我們就可以使用bind來解決這個問題。
- function handler(e){
- alert("event");
- }
- $("div").bind("click keydown", handler);
- //取消
- $("div").unbind("click keydown", handler);
這樣看起來就漂亮多了。
而使用bind還可以帶值進去,這樣就可以做很多看起來很像,卻不完全重覆的事件。
- function handler(e){
- alert("the color is: "+e.data.color);
- }
- $("#btn1").bind("click", {color:"red"}, handler);
- $("#btn2").bind("click", {color:"yellow"}, handler);
- $("#btn3").bind("click", {color:"blue"}, handler);
這樣點三個按鈕就會各自帶不一樣的值了,學會這個就可以讓你的code更精簡了。
0 意見:
張貼留言