新普京网站-澳门新普京 > 新普京网站 > 解决Button连续点击造成多次事件

解决Button连续点击造成多次事件

2019/12/30 00:51

如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮。 代码如下: 复制代码 代码如下:

测试给提了一个bug,登录按钮连续点击两次会发生登录成功又退出到登录页,后来发现所负责模块的点击事件都会发生这种情况——连续点击产生多次事件
究其原因,是因为按钮添加了点击效果,造成了响应的延迟。
想过让它被一次点击之后置为不可点击状态,可是一想就登录按钮来说“如果断网怎么办”等诸多逻辑判断可能会造成较多量代码。本着尽可能少写代码的原则,那么解决方法就是在点击效果发生的时间段之内不让它再被点击,可以把时间设为1秒或者其他的时间。
澳门新普京新普京网站 ,代码如下:

Js定时事件

代码比较简单,用法如下:

上一篇:利用Keydown事件阻止用户输入实现代码_javascript技巧_脚本之家 下一篇:没有了