jquery事件重复绑定的几种解决方法（二）

防止事件重复绑定共有4种方法：

bind()、unbind()方法
live()、die()方法
off()、on()方法
one()方法

　　一、bind()、unbind()方法

　　bind();绑定事件

　　为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

　　从某种角度上讲，bind("click",function(){})与click(function(){})是等价的。

　　unbind();移除通过bind()方法添加的事件

　　不仅仅对于bind()方法有效，它对于click()方法同样有效。

$("#btn1").unbind("click").bind("click",function(){alert("我是btn1！");});

　$("#btn1").unbind().click(function(){alert("我是btn1！");});

二、live()、die()方法

　　live();

　　jQuery1.3增加了一个live()方法，给所有当前以及将来会匹配的元素绑定一个事件处理函数。

　　支持：click,dblclick, mousedown, mouseup等。

　　不支持：blur, focus, mouseenter, mouseleave, change, submit。

　　live()一次只能绑定一个事件。

　 jquery利用了事件的冒泡机制，直接把事件绑定在了document上，然后通过event.target找出事件的来源。

　　要移除用live绑定的事件，请用die()方法

　　die();

　　在jquery里，使用live()来绑定事件，若想移除该事件，要使用die()方法。

　$("#btn1").die("click").live("click",function() {alert("我是btn1！");});

三、off()、on()方法

　　on();绑定事件。

　　从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。

　　即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其有效。

　　该函数可以为同一元素、同一事件类型绑定多个事件处理函数。触发事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。

　　要删除通过on()绑定的事件，请使用off()函数。

　　如果要附加一个事件，只执行一次，然后删除自己，请使用one()函数。

　　off();解除绑定事件

　　off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。

　　off()函数主要用于解除由on()函数绑定的事件处理函数。

　　on();函数和off();函数的返回值都为jQuery类型，返回当前jQuery对象本身。

　$("#btn1").off("click").on("click",function(){alert("我是btn1！");});

　四、one()；方法

　　绑定的事件处理函数只会执行一次。

　$("#btn1").one("click",function(){  alert("我只执行一次！");});

转载于:https://www.cnblogs.com/youmingkuang/p/9317714.html

jquery事件重复绑定的几种解决方法（二）相关推荐

js事件重复绑定问题
先看一个简单的例子吧(为了方便,例子使用jQuery写的): <!doctype html> <html lang="en"> <head>&l ...
【JQuery】jQuery(document).ready(function($) { });的几种表示方法及load和ready的区别
jQuery中处理加载时机的几种方式第一种: jQuery(document).ready(function() {alert("你好"); }); //或 $(document ...
基于继承类的属性模版中无法绑定的原因和解决方法
原文:基于继承类的属性模版中无法绑定的原因和解决方法这个的晚上想学学WPF 做一个类似于ERP 左边菜单.构思一下思路 ...... 创建一个类基于Expander类. 1 public class ...
w ndows10玩游戏蓝屏,Win10系统玩游戏蓝屏提示代码0x0000007E的两种解决方法
win10系统已经很多用户升级了,但是还是有不少用户在使用Ghost win10系统电脑的过程中经常遇到蓝屏问题,最近有位朋友在Win10系统玩游戏时出现蓝屏代码0x0000007E,显示一大串英文, ...
android中view手势滑动冲突的两种解决方法
android中view手势滑动冲突的解决方法,主要解决方法有两种,外部和内部拦截.有需要的可以参考下. Android手势事件的冲突跟点击事件的分发过程息息相关,由三个重要的方法来共同完成,分别是: ...
Android学习笔记-recreate()方法导致fragment重复新建的问题，解决方法
Android学习笔记-recreate()方法导致fragment重复新建的问题,解决方法今天修改一个比较奇怪的bug: 在操作一个事件的时候,使用eventbus来监听事件,断点发现有时候是会执 ...
android 4.4 锁屏密码,安卓手机忘记锁屏密码怎么办?安卓手机绕过锁屏密码的几种解决方法...
在2003年有一部冯小刚执导的电影叫作<手机>相信不少人都看过,那句做人要厚道的经典台词流传至今.电影讲述的是男主角手机中隐藏着的秘密被妻子发现而引发的一系列故事,从此手机又有了一个外号叫 ...
计算机截屏无法保存,win10系统截图无法保存的两种解决方法
截图功能的重要性相信大家都知道,操作电脑经常会用到.win10系统自带有截图工具,不需要下载其他截图软件,有时候使用win10截图后竟然无法保存图片,怎么回事?这种情况可能是我们系统的组件出现问题,我 ...
电子邮件乱码产生的主要原因及几种解决方法
关于电子邮件乱码 --转摘自中国科学院,作者不详本文主要介绍邮件乱码产生的主要原因及几种解决方法: E-mail编码标准由于一个汉字是用两个扩展 ASCII码表示,对DOS.Windows ...

jquery事件重复绑定的几种解决方法（二）

jquery事件重复绑定的几种解决方法（二）相关推荐

最新文章

热门文章

jquery事件重复绑定的几种解决方法 （二）

jquery事件重复绑定的几种解决方法 （二）相关推荐

最新文章

热门文章

jquery事件重复绑定的几种解决方法（二）

jquery事件重复绑定的几种解决方法（二）相关推荐