关于jQuery点击事件叠加问题
2024-09-10 03:52:51
先来看个例子:
html:
<body>
<button id="btn">按钮</button>
<button id="btn1">按钮1</button>
</body>
javascript:
<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.js"></script>
<script>
$('#btn').click(function(){
alert(1)
$('#btn1').click(function(){
alert(2);
})
})
</script>
点击按钮#btn两次会弹出两次1,再点击1次#btn1却弹出两次2,这就是jQuery中的事件叠加问题,下面说解决方案
<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.js"></script>
<script>
$('#btn').click(function(){
alert(1)
$('#btn1').off('click').click(function(){
alert(2);
})
})
</script>
这样你点击#btn1时就只弹出一次2,不管你#btn点击了多少次,再点击#btn1时就只会得到最近的绑定在#btn1身上的点击事件,之前的都是解绑了
致敬我遇到的坑,从此愿江湖无此坑.
最新文章
- HTML5 CANVAS 实现图片压缩和裁切
- Apache服务器配置技巧
- [Weblogic]startWebLogic.cmd配置JAVA_OPTIONS无效的解决思路与方案
- 解析Android开发优化之:从代码角度进行优化的技巧
- 逐行读取txt
- Python入门学习例子——从Hao123获取图片
- Linux命名空间
- python常用模块之os模块
- byte数组和int之间相互转化的方法
- 杭电acm2059-龟兔赛跑 java
- 在NodeJS中操作文件常见的API
- 『编程题全队』Beta 阶段冲刺博客一
- Windows下Anaconda的安装和简单使用
- 网易云首席安全架构师谈安全新形势:DDOS两三天,游戏玩家数从几万降到几百
- OpenGL学习--05--纹理立方体--BMP文件格式详解(转载)
- MySQL安装俩个不同版本服务出现的问题(1053)
- android中ImageView的ScaleType属性
- 【查看内存】Linux查看内存使用情况(二)
- Jenkins架构
- CNN之间的计算
热门文章
- Python __slots__的使用
- TypeScript 之 书写.d.ts文件
- linux 自总结常用命令(centos系统)
- LOJ 2312(洛谷 3733) 「HAOI2017」八纵八横——线段树分治+线性基+bitset
- java byte数组与String的相互转换
- 配置中心Server端
- SQL优化之count(*),count(列)
- 阅读 ‘External Memory PHY Interface (ALTMEMPHY)’笔记
- Windows Server 2016 禁止自动更新后重启
- flex布局demo