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