js中方法绑定多次问题：

最新推荐文章于 2024-04-22 15:36:45 发布
最新推荐文章于 2024-04-22 15:36:45 发布
阅读量352 收藏
点赞数
分类专栏： 前端 文章标签： 前端 js 事件绑定
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nuligannima/article/details/84030319
版权

js中方法能绑定多次

	我们在使用JS写逻辑时经常会绑定事件；但是一般在绑定事件之前建议先用unbind解除绑定。
	如果一个方法多次绑定，会导致绑定的方法也会多次执行。

	注：这个问题是亲自遇到过没找到什么原因，后来每次绑定之前解绑就解决了。如果理解有误请纠正！
李先生的奋斗日志
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery on方法绑定事件后执行多次的解决方法
11-24
这两天工作中遇到使用js动态加载内容，同时需要对加入的内容绑定点击事件的，当时想想了想可以使用内联的onclick 来实现，后来没有这样做，使用的是 on(‘click’,function(){}) ,然而使用on方法的时候就发现，on 对同一个元素多次绑定同一个事件的时候，这个事件就会执行多次。 下面给出这种情况的实例： $(function(){ $(".add").click(function(eve){ $(".btn-area").append("<button class='test-btn'>test button</button>"); //$(".test-
js绑定事件的两种方式,js中如何绑定事件
wenangou的博客
10-14 410
在讨论this绑定优先级时之所以不讨论箭头函数，是因为箭头函数的this在其函数定义时就已经确定，不存在优先级一说。new绑定显示绑定隐式绑定默认绑定。
day18-js 定时器、事件绑定
Feifei_peng的博客
07-14 383
day 18
JS绑定事件的三种方法(简单易懂)
m0_74577714的博客
10-15 3059
相信大家都了解过事件，但如何给元素绑定事件，如何使用呢？让我为大家介绍三种绑定事件的方法吧！以下都是用点击事件(click)来做示范。
javascript 同一事件多次绑定问题详解
我的地盘
05-28 1598
假设html页面上有个标签A 绑定一个click事件 一：标签里直接添加事件 test4 如果直接这样写的话，会执行哪一个呢？只会输出： a1 ，后一个事件被覆盖掉了 二：javascript绑定 var div =document.getElementById('a1');   div.onclick = a;   div.onclick = b;   function  a
js事件多次绑定问题
小春的博客
05-10 769
1 需要重新绑定事件时，可以先把事件off掉，然后重新on 1 2 3 4 5 6 7 8 function foo() {     xxxx; } $("#a").on("click", foo);     //需
js事件重复绑定问题
婧小童的coding岁月
08-13 6574
先看一个简单的例子吧（为了方便，例子使用jQuery写的）：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button id='create'>点击生成新的button</button> <div id="bu
js绑定事件竟然这么多
六鼎
08-31 250
DOM
js绑定时间的三种方式
weixin_33809981的博客
03-06 617
绑定事件的3种方式1: 直接写在html标签内声明<divid="school" onclick="t();"> 这种写法最古老,兼容性最强.属于DOM的lev0级的标准. 这个效果,等同于在点击div的时候,执行"t();"这一语句, 在全局范围内执行,因此,t函数内部的this指代全局对象-->window 想操作被点击的DOM对象,用this就不行了....
js：按钮绑定多个事件的三种方法（js，DOM，jQuery）
qq_52824207的博客
04-27 7185
1.js可以直接通过通过button的onclick添加多个函数来绑定多个事件。 2.DOM可以通过事件监听函数addEventListener绑定事件。 3.Jquery可以通过click方法来绑定事件。 完整代码： <!DOCTYPE html> <html lang="en"> <head> <title>按钮绑定多个事件</title> <meta charset="utf-8"&gt
vue.js数据绑定的方法（单向、双向和一次性绑定）
12-29
这两天学习了vue.js数据绑定这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。 前言 感觉 vue 的很多方面的内容，都参考了 angular 的东西，数据绑定方面，更是赤裸裸的“抄袭”。对照来看，更有助于...
JavaScript绑定事件监听函数的通用方法
11-22
　a、支持同一元素的同一事件句柄可以绑定多个监听函数； 　b、如果在同一元素的同一事件句柄上多次注册同一函数，那么第一次注册后的所有注册都被忽略； 　c、函数体内的this指向的应当是正在处理事件的节点（如...
FastBind:绑定函数的更好方法
06-16
快速绑定经过多次测试，我注意到与调用未绑定函数相比，调用绑定函数确实很慢。 但这对我来说没有任何意义，因为 .call 和 .apply 非常接近调用未绑定函数的速度。 为了克服这个问题，我重写了 bind() 的工作方式。 ...
jquery mobile事件多次绑定示例代码
12-09
新手新手,初学js,html,css,jq就不断麻烦 代码如下: $[removed](“pageinit”,function(){ $(“XXX”).bind() }) 这种绑定方法会在整个document每pageinit一次,就对xxx进行的某一事件进行绑定,而pageinit事件什么时候...
自己的样式被element.style样式覆盖：
nuligannima的博客
11-13 9517
关于element.style的样式问题： 我们在调整页面样式的时候总会看见element.style中有一些样式会把我们自己的样式覆盖掉。 这种一般有两种原因： ***1.有可能是你自己写的样式，比如自己定义的行内样式，这种需要检查一下自己代码 2.如果自己确定没写的话，就有可能是引入的外部js或css文件导致的，别人已经定义好的*** 那这种样式会把自己的样式覆盖掉，怎么使用...
js函数的执行
nuligannima的博客
12-07 972
js中函数名只是一个标识，带上()才表示执行函数。
关于js中的时间戳问题(神坑)
nuligannima的博客
04-10 448
我们都知道js中new date().getTime()等方法是可以当前系统时间戳的；那么假如代码是在linux上，使用windows系统打开页面js获取的是linux时间还是windows时间呢？答案是windows时间，怪不得我这两边时间一直对不上，问题解决了！！ ...
【前端】数组的常用处理函数
最新发布
lcukyNwa的博客
04-22 375
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
js中监听为啥多次叠加
08-31
在JavaScript中，事件监听器可以用来捕获和处理特定事件的触发。当我们在代码中多次添加相同类型的事件监听器时，会导致多次叠加的现象。 这种多次叠加的原因通常有两种情况： 1. 重复绑定事件监听器：如果我们使用了重复的代码来绑定同一事件监听器，那么每次执行该代码时都会添加一个新的监听器，导致相同事件的多个监听器同时生效。比如，我们在一个按钮上绑定了一个点击事件监听器，在某些情况下，可能多次调用了绑定事件的代码，导致了多个相同的事件监听器叠加。 2. 绑定事件时没有正确解绑：如果我们在代码中添加了事件监听器，但是没有正确解绑该监听器，那么每次执行绑定代码时都会添加一个新的监听器。例如，我们在页面加载时绑定了一个滚动事件监听器，但是在页面销毁时没有解绑该监听器，那么每次重新加载页面时都会添加一个新的滚动事件监听器，导致多次触发相同的事件。 为避免这种多次叠加的情况，我们应该注意以下几点： 1. 在绑定事件监听器之前，先判断是否已经存在相同类型的监听器，如果已经存在，则不再重复绑定。 2. 在解绑事件监听器之前，先判断是否已经绑定了该监听器，如果没有绑定，则不需要解绑。 3. 当不再需要事件监听器时，要确保正确地解绑该监听器，以避免造成多次叠加。 总结来说，JavaScript中监听多次叠加的原因是重复绑定事件监听器和未正确解绑监听器。我们应该在编写代码时注意避免这些问题的发生，以保证事件监听的正确性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值