jq的 on 事件委托 导致多次执行问题

最新推荐文章于 2024-03-31 03:13:13 发布
最新推荐文章于 2024-03-31 03:13:13 发布
阅读量450 收藏 1
点赞数
文章标签： c#
原文链接：http://www.cnblogs.com/gaidalou/p/10755887.html
版权 
解除 这个元素 在 父级上的 click 事件委托
$(msg.fatherDiv).off('click','.fangdaimg_fn2');
click事件
$('.fangdaimg_fn2').on('click',function () {
事件委托
$(msg.fatherDiv).on('click','.fangdaimg_fn2',function () {

　在事件委托的前面 ，加上这个元素的事件委托解除。可以防止事件委托多次触发，

转载于:https://www.cnblogs.com/gaidalou/p/10755887.html

weixin_34015566
关注
JQuery3--(jq事件绑定与事件委托)
CSDN_GMC的博客
04-07 1334
JQuery--jq事件绑定与事件委托1. 事件绑定jq 历史中绑定事件的三种方式2. 事件的命名空间3. 解除事件绑定4. 通过on绑定事件和直接通过事件名绑定 的区别5. 读取和使用鼠标状态return6. 事件委托6.1 什么是事件委托？6.2 为什么要用事件委托6.3 事件委托的使用场景/作用6.4 适用性7. 对象的创建和使用7.1 创建7.2 赋值7.3 访问8. 插件封装8.1 释放...
JQuery 事件委托，导致点击事件多次执行问题
zimeng303的博客
12-25 765
JQuery 事件委托，导致点击事件多次执行问题分析原因解决方案 分析原因 JQuery 使用 事件委托 添加点击事件，会导致点击事件多次执行的 （事件委托是指：利用事件冒泡，指定一个事件处理程序来管理某一类型的所有事件），事件问题一直在，所以才会点击一次执行多次。 解决方案 使用 off() 方法移除之前添加的事件处理程序。 $("#side-menu li").off().on('click', 'a', function (e) { // 执行代码 }) ...
JQ事件委托导致点击事件多次执行问题
weixin_30294709的博客
03-03 171
起因：最近写网页其中一个模块使用tab切换~每一个tab里都有点击按钮提交事件，刚开始点击提交只执行一次，但是只要我tab切换页面又切换回来该页面，再点击该按钮，我切换了多少次页面，代码提交也会提交很多次； 原因：后来找了一下原因，得知是因为JQ事件委托导致点击事件多次执行的（事件委托是指：利用事件冒泡，指定一个事件处理程序来管理某一类型的所有事件），虽然我页面切换了，但是事件问题还在，所以才会...
Jquery 事件委托 导致点击事件多次执行
xinyuebaihe的博客
04-08 2307
又是纠缠了好久的问题。用$(document).on('click','#XX',function(){...})为元素添加点击事件 结果导致事件会执行多次 比如alert会弹出N次，据说是因为每点击一下Document就会绑定一遍事件，所以导致触发多次该是你程序造成多次绑定了。你在这个事件绑定的前面紧挨着加上。$(document).off('click','#XX')试试$('#sub').u...
jquery委托事件绑定后，函数多次执行的解决方法
qq_22339269的博客
06-22 2128
比如：$("#datalist-left").on('click','a',function () { alert(this.id); });委托#datalist-left绑定其动态生成的子元素a后，点击一次a，会alert3次。解决方法是，在绑定的前边加上解绑的代码，如下：$("#datalist-left").off('click','a'); $("#datalist-left"...
C# 防止委托事件多次注册
xiaoxl084520的博客
05-18 2624
public interface ILog { void AddLog(); event EventHandler<Exception> Error; } public class Logger : ILog { public bool LastEvent { get; set; } ...
Jquery on方法绑定事件后执行多次的解决方法
10-22
这样，即使之前已经绑定了多次事件处理器，每次也只会保留最后一次绑定的处理器，从而避免事件处理器执行多次的问题。 以文章中提供的示例代码为例： ```javascript $(function(){ $(".add").click(function(eve)...
jQuery事件绑定和委托实例
11-30
`one()` 方法与 `on()` 类似，但只执行一次。这意味着事件处理函数会在触发后自动解除绑定。 ```javascript $(“#myElement”).one(“click”, function() { alert(“This will only be shown once.”); }); ``` ...
jquery mobile事件多次绑定示例代码
12-09
在你提到的示例代码中，使用了`pageinit`事件和`.bind()`方法来绑定事件处理函数，这可能导致事件多次触发的问题。下面将详细解释这个问题以及如何解决。 ### `pageinit`事件 `pageinit`是jQuery Mobile特有的一个...
jquery绑定事件 bind和on的用法与区别分析
10-15
而on方法通过事件委托的方式，只需在父元素上绑定一次，利用事件冒泡原理就可以管理所有子元素的事件。 3. 语法差异：on方法相比bind方法多了一个参数，这个参数允许我们指定一个选择器，表示事件处理器仅适用于...
JavaScript之事件委托实例(附原生js和jQuery代码)
10-19
下面小编就为大家带来一篇JavaScript之事件委托实例(附原生js和jQuery代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery之事件委托
呀呀呀
05-24 1028
事件绑定 .bind() 为所匹配元素的特定事件绑定事件处理函数 语法：bind(type,[data],fn) 有效率问题，等页面加载完成时，bind()方法才执行; 常适用于页面元素的静态绑定，需注意，只能给已存在元素的绑定事件，不能给即将新添的元素绑定事件 .live() 为被选元素添加一个或多个事件处理程序，需注意当这些事件发生时运行的函数 语法：live(type,[data],fn) live()只能放在直接选择的元素后，层级深就不能绑定事件 live()事件处理函数不会绑定在元
JQ 为未来元素添加事件处理器—事件委托
weixin_30823227的博客
03-15 513
随着DOM结构的复杂化和Ajax等动态脚本技术的运用，有了较多的动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到，在这里就需要用到事件委托方法，JQ为事件委托提供了live（）、dalegate（）和on（）方法。 事件委托 我们知道，DOM在为页面中的每个元素分派事件时，相应的元素一般都在事件冒泡阶段处理事件。在类似 body > div &...
前端提高篇(九十六)：jQuery事件高级使用及事件委托，Context都没弄明白凭什么拿高薪
最新发布
m0_60667010的博客
03-31 1115
世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它。
前端问题记录篇（三）：jQ事件委托问题
安之ccy的博客
04-03 476
当需要给动态生成的元素绑定事件时，需要考虑事件委托 原因： 绑定事件时，会搜索当前解析到的dom元素，将符合条件的dom元素绑定上事件 但事件绑定如果先于元素新增的执行，就没有匹配到新增元素，新增的元素便不会被绑定到事件 使用：父级元素.on(事件名, 需执行事件的子元素, 处理函数) 例子： 原本的页面： dom结构： <button class="add">+</button> <div class="list"> <div class="item"&
JQ高级事件之事件委托
不忘初心
06-26 4716
事件委托 跟字面意思一样，需要找一个东西来帮助一起完成某个东西。用我们JQ的语言来说就是，我有2000个按钮，但我们不能一个一个绑定，这样太过于浪费操作，那我们怎么做呢，事件默认情况下是冒泡的，我们可以把事件直接绑定他们的父元素，也就是说通过指定一个事件处理程序，就可以管理某一类的所有事件，这样我们可以通过event.target属性找到它实际点的是那个元素（这里说的是JS原生方法的实现），当然还
jQuery：事件委托
qq_44353287的博客
10-25 474
原生js的事件委托： ul.onclick = function(e){//e指event,事件对象 var target = e.target || e.srcElement; //target获取触发事件的目标(li) if(target.nodeName.toLowerCase() == 'li'){//目标(li)节点名转小写字母，不转的话是大写字母 alert(target.innerHTML) } } jQuery中： 使用delegate()方法 $("ul").dele
JavaScript(JQ)事件委托以及JS闭包小记
lan_学习分享
06-17 1760
一开始看的时候有些晕，可以监听DOM元素的方法太多，主要是写在<script></script>，下面列出来理清楚: JS原生： document.getElementById("menuultest").onmouseover = function(ev){ }； JQ：该段参考自https://codeplayer.vip/p/j7sq1 // jQue...
jq中trigger怎么一次清除多个事件
05-27
在jQuery中，可以使用逗号分隔多个事件名称来一次清除多个事件，如下所示： ``` $(selector).off('event1, event2, event3'); ``` 这会同时清除指定元素上的event1、event2和event3事件。 如果你使用的是on()方法绑定事件，可以使用以下方式来清除多个事件： ``` $(selector).off({ event1: handler1, event2: handler2, event3: handler3 }); ``` 这将清除指定元素上的event1、event2和event3事件，并且只清除指定的处理程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值