click事件的累加绑定
2024-08-28 12:27:33
click事件的累加绑定,绑定一次点击事件,执行多次。
在页面中为一个元素绑定事件,事件执行后页面未刷新且元素还在,然后你再次点击,元素又被绑定一个点击事件,这样第二次点击就会执行两次,以此类推。
如何解决累加绑定?具体方法有三种:
第一种方法是:元素点击后删除,然后再动态创建一个元素,再添加点击事件。(该方法比较麻烦)
第二种方法是:使用jQuery的one()方法,为元素绑定一个一次性的事件处理函数,这个事件处理函数只会被执行一次,代码如下:
$("#saveBtn").one("click",function(){});
第三种方法是:在每次绑定点击事件之前先解除之前 的事件绑定,再为元素绑定事件,类似于先清空再做操作一样。当使用bind()方法绑定时,可以使用unbind方法解除 绑定。通常我们更愿意用on()方法绑定事件,因为bind()方法已经不被推荐,那么就用off()方法解除事件绑定。
$("#saveBtn").unbind("click").bind("click",function(){});
$("#saveBtn").off("click").on("click",function(){});
最新文章
- [原创]Linq to xml增删改查Linq 入门篇:分分钟带你遨游Linq to xml的世界
- 一个ubuntu phper的自我修养(杂记)
- 7.4---加法替代运算(CC150)
- (转)Linux下安装rar fou linux
- linux下解压命令大全(转载)
- QTP之web常用对象
- Objective-C 【单个对象内存管理(野指针&;内存泄露)】
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(2)-easyui构建前端页面框架[附源码]
- 《C++反汇编与逆向分析技术揭秘》——函数的工作原理
- CentOS添加磁盘分区
- 20165223《网络对抗技术》Exp4 恶意代码分析
- DevExpress GridControl复合表头(多行表头)设置
- PowerShell工作流学习-7-编写脚本工作流帮助
- js基础梳理-究竟什么是执行上下文栈(执行栈),执行上下文(可执行代码)?
- 201621123001 《Java程序设计》第8周学习总结
- nodejs选择JavaScript作为开发语言,是因为一般的开发语言的标准库都是带有IO模块的,并且通常这个 模块是阻塞性的,所以nodejs选择了没有自带IO模块的Javascript
- 如何更好地使用Java 8的Optional
- Docker基础教程(常用命令篇)
- RSS新手必读
- yield, async