jQuery事件綁定，解綁，觸發

事件綁定

1.bind(type,[data],fn)

　　--type: 含有一個或多個事件類型的字符串，由空格分隔多個事件。比如"click"或"submit"，還可以是自定義事件名。

　　--data:作為event.data屬性值傳遞給事件對象的額外數據對象

　　--fn:綁定到每個匹配元素的事件上面的處理函數

　　例子:

$("p").bind("click", function(){
  alert( $(this).text() );
});

2.delegate(selector,[type],[data],fn)

　　--selector:選擇器字符串，用於過濾器觸發事件的元素。

　　--type:附加到元素的一個或多個事件。 由空格分隔多個事件值。必須是有效的事件。

　　--fn:當事件發生時運行的函數

　　--data:傳遞到函數的額外數據

　　例子：

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

3.on(events,[selector],[data],fn)

　　--events:一個或多個用空格分隔的事件類型和可選的命名空間，如"click"或"keydown.myPlugin" 。

　　--selector:一個選擇器字符串用於過濾器的觸發事件的選擇器元素的后代。如果選擇的< null或省略，當它到達選定的元素，事件總是觸發。

　　--data:當一個事件被觸發時要傳遞event.data給事件處理函數。

　　--fn:該事件被觸發時執行的函數。 false 值也可以做一個函數的簡寫，返回false。

　　例子：

$("p").on("click", function(){
    alert( $(this).text() );
});

 

 

 

解綁事件

1.unbind(type,[data|fn]])

　　--type:刪除元素的一個或多個事件,由空格分隔多個事件值。

　　--fn:要從每個匹配元素的事件中反綁定的事件處理函數

　　例子：

$("p").unbind( "click" )

2.undelegate([selector,[type],fn])

　　--selector:需要刪除事件處理程序的選擇器。

　　--type:需要刪除處理函數的一個或多個事件類型。 由空格分隔多個事件值。必須是有效的事件。

　　--fn:要刪除的具體事件處理函數。

　　例子：

$("p").undelegate( "click" )

3.off(events,[selector],[fn])

　　--events:一個或多個空格分隔的事件類型和可選的命名空間，或僅僅是命名空間，比如"click", "keydown.myPlugin", 或者 ".myPlugin".

　　--selector:一個最初傳遞到.on()事件處理程序附加的選擇器。

　　--fn:事件處理程序函數以前附加事件上，或特殊值false.

　　例子：

$("p").off( "click", "**" )

 

 

注意：解除綁定事件:自身的綁定事件和動態綁定的事件都會被解綁

 

 

觸發事件

觸發事件:觸發某個事件的時候在該事件內部調用了其他元素的某個事件方法

1.直接調用元素的事件方法:

　　

$("div").click();

2.使用.trigger()方法

　　trigger(type,[data])

　　　　--type:一個事件對象或者要觸發的事件類型

　　　　--data:傳遞給事件處理函數的附加參數

　　例子:

$("div").trigger("click");

3.使用.triggerHandle()方法

　　triggerHandler(type,[data])

　　　　--type:要觸發的事件類型

　　　　--data:傳遞給事件處理函數的附加參數

　　　　例子：

$("div").triggerHandler("click");

 

注意：.trigger()和.triggerHandler()區別：前者會觸發瀏覽器的默認行為,並執行事件，后者不會觸發瀏覽器默認行為,但是會執行事件

 

 

 

 

 

特此聲明：如需轉載請注明出處，如有疑問請及時提出以便於改正，如有侵權，聯系刪除，謝謝