说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

bind(type,data,fn)-JQuery API

HTML文档下载 WORD文档下载 PDF文档下载
bind(type,data,fn) 为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。

 

bind(type,data,fn)

为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。

这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。

如果既想取消默认的行为,又想阻止事件起泡,这个事件处理函数必须返回false。 多数情况下,可以把事件处理器函数定义为匿名函数(见示例一)。在不可能定义匿名函数的情况下,可以传递一个可选的数据对象作为第二个参数(而事件处理器函数则作为第三个参数),见示例二。

返回值:jQuery

参数:

  • type (String): 事件类型
  • data (Object): (可选) 作为event.data属性值传递给事件对象的额外数据对象
  • fn (Function): 绑定到每个匹配元素的事件上面的处理函数
 

示例:

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

HTML 代码:

<p>Hello</p>

结果:

alert("Hello") 
示例:

为事件对象传递一些额外的数据。

function handler(event) { alert(event.data.foo); }$("p").bind("click", {foo: "bar"}, handler) 

结果:

alert("bar") 
示例:

通过返回false来取消默认的行为并阻止事件起泡。

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

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

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

通过使用 stopPropagation 方法只阻止事件起泡。

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

备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘