jquery 同一事件 被多次绑定执行

最新推荐文章于 2021-07-27 21:47:16 发布
转载 最新推荐文章于 2021-07-27 21:47:16 发布 · 162 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/rubyxie/articles/3398333.html
文章标签：

#javascript #ViewUI

本文介绍了一个常见问题：使用jQuery时，元素上重复绑定click事件导致点击一次触发多次执行。文章提供了解决方案：在绑定新的click事件之前，先使用$dom.unbind()解除已有的事件绑定。

在项目中发现，点击一次事件，然而执行了>1次，原来是jquery给节点可以多次绑定事件，就等于绑定了n个click事件，所以点击一次就会执行多次。

解决办法是在事件执行前用  $dom.unbind()事件进行事件解绑然后再绑定。

转载于:https://www.cnblogs.com/rubyxie/articles/3398333.html

badiu_30394251
关注
jquery mobile事件多次绑定示例代码
10-26
在本篇文章中，我们将探讨如何在jQuery Mobile中实现事件的多次绑定，以便在页面每次初始化时，都能够绑定新的事件处理函数。为了达到这个目的，我们将使用一种特定的绑定方法，即利用$(document).on("pageinit", ...
jQuery事件多次绑定与解绑问题实例分析
10-17
- jQuery允许同一元素的同一事件被多次绑定，每次绑定的事件处理函数都会被执行，形成事件处理队列。 - 使用`.off()`或`.unbind()`可以解绑事件，可以指定特定的事件处理函数，也可以解绑所有事件处理函数。 - 注意...
jQuery绑定的on事件执行两次或多次（表格的行选中事件执行两次选中后又取消）
XiaoBo_S的博客
11-18 681
1.首先这种情况一般都是发生在你绑定动态元素时，即你绑定的元素是由脚本动态生成的 2.我用的是dataTable表格插件，然后自己加了一列复选框，想要实现点击选中行同时选中复选框的效果，取消选中行则取消选中复选框，如下图所示 前台代码如下： 思路是绑定行点击事件，点击行时切换行的选中状态，然后判断复选框的选中状态即可checkChild是自定义的复选框的类 出现的问题是点击复选框无...
javascript 同一事件多次绑定问题详解
我的地盘
05-28 1674
假设html页面上有个标签A 绑定一个click事件 一：标签里直接添加事件 test4 如果直接这样写的话，会执行哪一个呢？只会输出： a1 ，后一个事件被覆盖掉了 二：javascript绑定 var div =document.getElementById('a1');   div.onclick = a;   div.onclick = b;   function  a
jquery多个相同ID动态绑定同一事件
longtingjing的专栏
12-24 4624
jQuery给动态添加的元素绑定事件的方法
weixin_30394669的博客
05-14 128
jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。 <div id="testdiv> <ul></ul> </div> 需要给<ul>里面动态添加的<l...
JQuery为动态元素绑定事件
三明治文鱼的博客
07-27 1976
在前端开发的时候需要一个场景需要为使用AJax动态加载出来的元素绑定一个popup事件，但是发现如果直接在js代码中打开要动态加载的元素的popup的功能无效。本文讨论了出现的原因及解决办法。
JQuery 给元素绑定click事件多次执行的解决方法
10-25
然而，在编程过程中，可能会遇到一个常见问题：元素的click事件被多次绑定，导致点击时触发了多个相同或相似的函数，这不仅影响用户体验，还可能导致不必要的资源消耗。本篇文章将详细介绍如何解决jQuery中元素click...
jQuery事件绑定与解除绑定实现方法
12-12
在示例中，点击事件被解除绑定是为了避免连续点击同一元素时多次执行事件处理器： ```javascript jQuery(this).unbind("click"); ``` 一旦`has`类被添加到元素上，点击事件就被移除，元素变为红色且不可再次点击，...
解决jquery使用on()方法绑定事件被执行多次的问题
web前端开发
03-21 936
jQuery用on()方法绑定了事件之后，在代码执行过程中，可能会遇到事件被多次执行的情况。本来以为是事件冒泡的问题，后来发现是on()方法的特性引起的问题。简单还原一下问题的场景这里简单...
jQuery事件多次绑定与解绑
xiaouncle的博客
10-18 1707
jQuery事件绑定很常见，相信大家经常会用到click、focus、blur等事件，但是如果对控件的某个事件绑定多个方法会是怎样的结果呢，覆盖、累加、或其他效果？今天我就来验证一下这个疑问并说说如何解绑。 一、jQuery事件多次绑定 <head> <script src="~/Scripts/jquery-1.8.2.min.js"></script...
jQuery添加的事件被多次执行的解决方案及分析
来自菜鸟的摸索
07-27 1768
jQuery添加的事件被多次执行 在学习jQuery的过程中，发现自己的一个小例子出现了一些问题。单个button的click时间被多次重复执行。 解决方案在文章下方 案例分析 具体需求是， 根据一个数组中的数据给页面上添加节点，节点需要添加监听。 我的处理方式 //此方法为添加操作的监听方法 ， 可以给页面上的table中添加一条数据 let $addTableItem = function (data){ let table = $("#table"); table.append($g
jQuery一个元素绑定多个相同事件的解决
热门推荐
lhzjj的专栏
08-27 2万+
jQuery的bind的函数在实际应用中用的不是特别多，只是他可以绑定一个事件，但不会即时触发，也可以通过unbind来解除绑定。在没有看到这篇文章之前，我一直不知道原来bind也可以有命名空间。事实上，我看完这篇文章后，再去翻了一下手册，也才发现了一点点的注释。但手册也仅仅是一句话就带过去了。没有过多的深究，或许他认为命名空间这玩意很简单，没有必要多解释？ 先看手册，由于bind方法有三个参数
同一事件绑定不同的处理方法、执行顺序有所不同
麦琪的专栏
03-26 936
在做项目的过程中遇到一个很棘手的问题，示例如下： 动态加载DOM节点的时候， var a2 = document.createElement("a");     a2.className = "countCicle";     a2.onclick = function(){     alert("进入js的click事件"); } DOM节点加载完毕后，对同一元素再绑定不同
Jquery控制点击事件的触发顺序
ok123zxx的博客
09-09 1万+
比如： 有两个方法： var func_1 = function(){ }; var func_2 = function(){ }; 对同个dom绑定这两个事件，绑定顺序为：先绑定func_1，后绑定func_2 $("#id").click(func_1 ); $("#id").click(func_2 ); 那么，当click事件发生时，触发顺序为 func
jquery ajax多次请求接口解决方案
weixin_30764137的博客
11-23 606
如果有个地方$('#Id').click(function(){ $.ajax({})})； 改成这样$('#Id).unbind('click').bind('click',function(){ $.ajax({}) })； 这样用就不会提交很多次了，因为你绑定的点击时间会随着调用的次数增多而增多，用unbind能解决 转载于:https://www.cnblogs.co...
jquery重复绑定同一个事件问题
个人网站：https://www.longzipeng.online
07-14 638
问题描述 今天发现不管是用on还是直接使用click，绑定同一个事件两次，事件不会覆盖而是会绑定两个，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>龙哥你好</title>
jQuery事件绑定与用法实例详解
首先，jQuery提供了多种方式来绑定事件。基础的事件绑定可以通过方法名实现，如`click()`方法，它会为指定的选择器匹配的所有元素添加点击事件处理函数： ```javascript $('li').click(function(event){}); ``` ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值