js控制按钮,防止频繁点击响应的实例


Posted in Javascript onFebruary 15, 2017

为了防止频繁点击按钮,可以采用一个策略,点击一次后让按钮灰掉,暂时不可以用,一段时间后再可以用,伪代码如下:

var clicktag = 0;
      $('.a_cc').click(function () {
        if (clicktag == 0) {
          clicktag = 1;
          $(this).addClass("a_bb");
          alert('click触发了');
          setTimeout(function () { clicktag = 0 }, 5000);
        }
      });

以上这篇js控制按钮,防止频繁点击响应的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
juqery 学习之四 筛选过滤
Nov 30 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
Nov 08 Javascript
js实现鼠标点击左上角滑动菜单效果代码
Sep 06 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
Sep 19 Javascript
详解Vue demo实现商品列表的展示
May 07 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
JS实现网页烟花动画效果
Mar 10 Javascript
详解Vue.js 响应接口
Jul 04 Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 #Javascript
图文详解Javascript中的上下文和作用域
Feb 15 #Javascript
js实现省份下拉菜单效果
Feb 15 #Javascript
JavaScript函数节流和函数防抖之间的区别
Feb 15 #Javascript
javascript滚轮事件基础实例讲解(37)
Feb 14 #Javascript
基于canvas的二维码邀请函生成插件
Feb 14 #Javascript
javascript事件的绑定基础实例讲解(34)
Feb 14 #Javascript
You might like
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
yii中widget的用法
2014/12/03 PHP
yii的CURD操作实例详解
2014/12/04 PHP
Yii2实现UploadedFile上传文件示例
2017/02/15 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
老生常谈PHP 文件写入和读取(必看篇)
2017/05/22 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
表单内同名元素的控制
2006/11/22 Javascript
用javascript父窗口控制只弹出一个子窗口
2007/04/10 Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
2009/04/13 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
微信小程序 location API实例详解
2016/10/02 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
vue实现滑动到底部加载更多效果
2020/10/27 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
2020/04/15 Javascript
Vue如何将页面导出成PDF文件
2020/08/17 Javascript
vant 中van-list的用法说明
2020/11/11 Javascript
[01:10]为家乡而战!完美世界城市挑战赛全国总决赛花絮
2019/07/25 DOTA
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
python 实现图片批量压缩的示例
2020/12/18 Python
Python LMDB库的使用示例
2021/02/14 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
护士自荐信范文
2013/12/15 职场文书
优秀教师主要事迹
2014/02/01 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书