click事件的累加绑定

click事件的累加绑定，绑定一次点击事件，执行多次。

在页面中为一个元素绑定事件，事件执行后页面未刷新且元素还在，然后你再次点击，元素又被绑定一个点击事件，这样第二次点击就会执行两次，以此类推。

如何解决累加绑定？具体方法有三种：

第一种方法是：元素点击后删除，然后再动态创建一个元素，再添加点击事件。（该方法比较麻烦）

第二种方法是：使用jQuery的one()方法，为元素绑定一个一次性的事件处理函数，这个事件处理函数只会被执行一次，代码如下：

$("#saveBtn").one("click",function(){});

第三种方法是：在每次绑定点击事件之前先解除之前的事件绑定，再为元素绑定事件，类似于先清空再做操作一样。当使用bind()方法绑定时，可以使用unbind方法解除绑定。通常我们更愿意用on()方法绑定事件，因为bind()方法已经不被推荐，那么就用off()方法解除事件绑定。

$("#saveBtn").unbind("click").bind("click",function(){});

$("#saveBtn").off("click").on("click",function(){});

转载于:https://www.cnblogs.com/nxl0908/p/7503476.html

click事件的累加绑定相关推荐

java多次点击时事件_click事件的累加绑定，绑定一次点击事件，执行多次
我的github(PS:希望star):https://github.com/thWinterSun/v-admin 最近做项目为一个添加按钮绑定点击事件,很简单的一个事情,于是我按照通常做法找到元素 ...
function click_click事件的累加问题解决
click事件的累加问题解决: $ 判断是否隐藏 :hidden .c>span 只包含儿子 .c span 包含儿子和孙子 data-*嵌入自定义数据 .data(to)获取数据 remov ...
jQuery中click事件多次触发解决方案
jQuery 中元素的click事件中绑定其他元素的click事件. 因为jQuery中的click事件会累计绑定,导致事件注册越来越多. 解决方案: 1.能够避开,避免把click事件绑定到其他元素 ...
jquery单选框radio绑定click事件实现和是否选中的方法
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1. ...
单选框radio绑定click事件
2019独角兽企业重金招聘Python工程师标准>>> <html><head><title>单选框radio绑定click事件</titl ...
父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响
原文地址背景开发过程中遇到问题,简单写个demo 运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存 ...
IE下列表框不能给option绑定click事件的解决办法
列表框代码 <select size="3" ><option>Option1</option><option>Option2< ...
vue 移动端在div上绑定click事件失效
在.vue的文件中使用了better-scroll,在div标签上绑定click事件后,无效. 原因:使用了better-scroll,默认它会阻止touch事件.所以在配置中需要加上click: t ...
html设置点击事件相同,html有多个类名相同的div，如何给每个div绑定click事件并区分？...
1.页面有9个div,类名都是.flag,然后想给每个div都绑定一个click事件,点击.flag时,获取其后代元素.count的值和.ds-subtitle的rel属性. 下面这样的写法请问哪里出 ...

click事件的累加绑定

click事件的累加绑定相关推荐

最新文章

热门文章