bind和unbind

测试：
页面代码：
<body>

</body>
JQuery代码：

$().ready(function(){

for (var i = 0; i < 3; i++) {

$("input[type='button']").click(function(){

alert("aaaa");

});

}
}
alert("aaaa")会执行三次，在事件嵌套事件中，不希望看到这样的情况，需要把上层事件禁用，此时可引入bind和unbind函数解决。
引入函数:

for (var i = 0; i < 3; i++) {

$("input[type='button']").unbind("click");

$("input[type='button']").bind("click", function(){

alert("aaa");

});

}
alert("aaa");仅执行一次。

bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数
unbind() 方法移除被选元素的事件处理程序。能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。
event 是事件类型，类型包括：blur、flcus、load、resize、scroll、unload、click、dblclikc、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup和error等，当然也可以是自定义名称。
data 为可选参数，作文event.data属性值传递给事件对象的额外数据对象。
function 是用来绑定的处理函数。
语法：
$(selector).bind(event,data,function) // event 和 function 必须指出

下面些段代码做说明：

例1：删除p的所有事件

$("p").unbind();

例2：删除p的click事件

$("p").unbind("click");

例2：删除p元素click事件后出发的test函数和添加p元素click事件后触发的test函数

$("p").unbind("click",test);
$("p").bind("click",test);

注意：要定义 .bind() 必须指明什么事件和函数

现在来看个简单的demo ，整个div有一个点击收起展开的事件，如果想要点击链接但是不触发div的点击事件，需要在触发链接的时候把div的点击事件禁用，这里我用到链接mouseenter事件是unbind删除div的事件。这里还不算完，这时候只要鼠标进入链接区域，div的点击事件就删除了，我们还需要加入鼠标移出链接区域的时候恢复div点击事件。代码如下：

$(function(){ var Func = function(){    $(".com2").toggle(200); }$(".test").click(Func)$(".test a").mouseenter(function(){$(".test").unbind(); //删除.test的所有事件 });$(".test a").mouseleave(function(){$(".test").bind("click",Func); //添加click事件 }); });event 是事件类型…function 是用来绑定的处理函数。
部分内容来自http://www.dearoom.com/blog/详解unbind和bind/

bind和unbind相关推荐

jquery unbind 异步_JQuery中的bind()和unbind()的理解
bind()和unbind()提供了事件的绑定和取消机制,既可以绑定html默认支持的事件,也能够绑定自定义的事件. 1.JQuery中事件可以重复绑定,不会覆盖. 1 $("#button ...
jquery事件绑定和解除绑定bind、unbind、one
全栈工程师开发手册 (作者:栾鹏) jquery系列教程4-事件操作全解 jquery事件绑定使用函数bind(type [,data],fn)绑定事件,one函数也可以进行一次绑定,但是需要注意b ...
Service启动流程总结-bind和unbind
文章目录回顾概述基本使用源码探究 bind过程 Caller发起bind IServiceConnection说明 AMS处理bind请求 Service处理bind请求 AMS发布Servi ...
JQuery中bind和unbind函数
JQuery中bind和unbind函数测试: 页面代码: <body> <input type="button" name="aaa" v ...
js： live和die，bind和unbind
2019独角兽企业重金招聘Python工程师标准>>> $("#course_org_name").live("keydown",functi ...
bind和unbind事件
一.简介 bind的作用是绑定事件,为每个匹配元素的特定事件绑定事件处理函数.和一般的帮定不同,bind是同时为多个元素绑定事件处理函数,可以绑定多个事件处理函数. bind(type,[data], ...
linux驱动绑定设备命令 bind,Linux设备驱动节点里的bind与unbind
在Linux环境下,如果有两张网卡,假如A识别为eth0,B识别为eth1,而有些时候想对调设备结点,有如下办法可以解决该问题: 1.确认驱动对应的设备结点网卡A: ls /sys/devices/ ...
网卡接口绑定驱动及其使用的 bind、unbind、new_id 等 sys 文件
网卡接口绑定驱动在我的虚拟机中,有如下网络接口: longyu@virt-debian10:~$ lspci | grep 'Eth' 01:00.0 Ethernet controller: Re ...
JQuery的click、bind、delegate、off、unbind
.click与.bind .click和.bind都是给每个元素绑定事件,对于只绑定一个click事件,.bind事件的简写就是.click那种方式. 这两种方式都会出现两个问题: 第一个问题,如果要 ...

bind和unbind

bind和unbind相关推荐

最新文章

热门文章