bind(type,[data],fn)
最后更新于:2022-04-01 05:55:39
### 返回值:jQuerybind(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();
});
~~~