为元素的特定事件绑定事件处理函数 : bind

来源:互联网 发布:网络教育专科学费 编辑:程序博客网 时间:2024/05/16 06:24

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

一个或多个事件类型的字符串和函数的数据映射来执行他们。


一、当每个段落被点击的时候,弹出其文本。

$("p").bind("click", function(){  alert( $(this).text() );});

二、同时绑定多个事件类型

$('#foo').bind('mouseenter mouseleave', function() {  $(this).toggleClass('entered');});

三、同时绑定多个事件类型/处理程序

$("button").bind({  click:function(){$("p").slideToggle();},  mouseover:function(){$("body").css("background-color","red");},    mouseout:function(){$("body").css("background-color","#FFFFFF");}  });

四、你可以在事件处理之前传递一些附加的数据。

function handler(event) {  alert(event.data.foo);}$("p").bind("click", {foo: "bar"}, handler)
五、通过返回false来取消默认的行为并阻止事件起泡。

$("form").bind("submit", function() { return false; })

六、通过使用 preventDefault() 方法只取消默认的行为。

$("form").bind("submit", function(event){  event.preventDefault();});

七、通过使用 stopPropagation() 方法只阻止一个事件起泡。

$("form").bind("submit", function(event){  event.stopPropagation();});


0 0
原创粉丝点击