首頁  >  事件  > bind(type,[data],fn)

返回值:jQuerybind(type,[data],fn)

jQuery bind() 方法概述

為每個匹配元素的特定事件綁定事件處理函數。

jQuery 3.0中已棄用此方法，請用 on()代替。

參數

type,[data],function(eventObject)String,Object,FunctionV1.0

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

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

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

type,[data],falseString,Object,boolV1.4.3

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

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

false: 將第三個參數設置為false會使默認的動作失效。

eventsStringV1.4

一個或多個事件類型的字符串和函數的數據映射來執(zhí)行他們。

示例

描述:

當每個段落被點擊的時候，彈出其文本。

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();
});