事件綁定 1.bind(type,[data],fn) --type: 含有一個或多個事件類型的字元串,由空格分隔多個事件。比如"click"或"submit",還可以是自定義事件名。 --data:作為event.data屬性值傳遞給事件對象的額外數據對象 --fn:綁定到每個匹配元素的事件上面的 ...
事件綁定
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()區別:前者會觸發瀏覽器的預設行為,並執行事件,後者不會觸發瀏覽器預設行為,但是會執行事件
特此聲明:如需轉載請註明出處,如有疑問請及時提出以便於改正,如有侵權,聯繫刪除,謝謝