返回值:jQuery bind(type,[data],fn)
概述
參數
type,[data],function(eventObject) String,Object,Function V1.0
type: 含有一個或多個事件型別的字串,由空格分隔多個事件。比如"click"或"submit",還可以是自定義事件名。
data: 作為event.data屬性值傳遞給事件對象的額外資料對像
fn: 繫結到每個匹配元素的事件上面的處理函式
type,[data],false String,Object,bool V1.4.3
type: 含有一個或多個事件型別的字串,由空格分隔多個事件。比如"click"或"submit",還可以是自定義事件名。
data: 作為event.data屬性值傳遞給事件對象的額外資料對像
false: 將第三個參數設定為false會使預設的動作失效。
events String V1.4
一個或多個事件型別的字串和函式的資料對映來執行他們。
示例
描述:
當每個段落被點選的時候,彈出其文字。
jQuery 程式碼:
$("p").bind("click", function(){
alert( $(this).text() );
});
描述:
同時繫結多個事件型別
jQuery 程式碼:
$('#foo').bind('mouseenter mouseleave', function() {
$(this).toggleClass('entered');
});
描述:
同時繫結多個事件型別/處理程式
jQuery 程式碼:
$("button").bind({
click:function(){$("p").slideToggle();},
mouseover:function(){$("body").css("background-color","red");},
mouseout:function(){$("body").css("background-color","#FFFFFF");}
});
描述:
你可以在事件處理之前傳遞一些附加的資料。
jQuery 程式碼:
function handler(event) {
alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)
描述:
通過返回false來取消預設的行為並阻止事件起泡。
jQuery 程式碼:
$("form").bind("submit", function() { return false; })
描述:
通過使用 preventDefault() 方法只取消預設的行為。
jQuery 程式碼:
$("form").bind("submit", function(event){
event.preventDefault();
});
描述:
通過使用 stopPropagation() 方法只阻止一個事件起泡。
jQuery 程式碼:
$("form").bind("submit", function(event){
event.stopPropagation();
});