返回值:jQuerybind(type,[data],fn)
概述
為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。
參數(shù)
type,[data],function(eventObject)String,Object,FunctionV1.0
type: 含有一個(gè)或多個(gè)事件類型的字符串，由空格分隔多個(gè)事件。比如"click"或"submit"，還可以是自定義事件名。
data:作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象
fn:綁定到每個(gè)匹配元素的事件上面的處理函數(shù)
type,[data],false String,Object,boolV1.4.3
type:含有一個(gè)或多個(gè)事件類型的字符串，由空格分隔多個(gè)事件。比如"click"或"submit"，還可以是自定義事件名。
data:作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象
false: 將第三個(gè)參數(shù)設(shè)置為false會(huì)使默認(rèn)的動(dòng)作失效。
eventsStringV1.4
一個(gè)或多個(gè)事件類型的字符串和函數(shù)的數(shù)據(jù)映射來執(zhí)行他們。
示例
描述:
當(dāng)每個(gè)段落被點(diǎn)擊的時(shí)候，彈出其文本。
jQuery 代碼:
$("p").bind("click", function(){
alert( $(this).text() );
});描述:
同時(shí)綁定多個(gè)事件類型
jQuery 代碼:
$('#foo').bind('mouseenter mouseleave', function() {
$(this).toggleClass('entered');
});描述:
同時(shí)綁定多個(gè)事件類型/處理程序
jQuery 代碼:
$("button").bind({
click:function(){$("p").slideToggle();},
mouseover:function(){$("body").css("background-color","red");},
mouseout:function(){$("body").css("background-color","#FFFFFF");}
});描述:
你可以在事件處理之前傳遞一些附加的數(shù)據(jù)。
jQuery 代碼:
function handler(event) {
alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)描述:
通過返回false來取消默認(rèn)的行為并阻止事件起泡。
jQuery 代碼:
$("form").bind("submit", function() { return false; })描述:
通過使用 preventDefault() 方法只取消默認(rèn)的行為。
jQuery 代碼:
$("form").bind("submit", function(event){
event.preventDefault();
});描述:
通過使用 stopPropagation() 方法只阻止一個(gè)事件起泡。
jQuery 代碼:
$("form").bind("submit", function(event){
event.stopPropagation();
});