主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
js阻止频繁点击、过快点击
2022-05-14
网页编程网
网页编程网
1.背景
在向购物车增加数量或在投票时，阻止用户过快点击。过快点击会造成后台来不及业务逻辑处理。
2.解决方案
用定时器挡一下。
<div id='button'>this is a button</div> <script> var isClick = true document.getElementById('button').onclick=function(){ if (isClick){ isClick = false console.log("触发点击") setTimeout(function () {//定时器 isClick = true },1000)//1秒内不能重复点击 } else { console.log('请勿频繁操作') return } } </script>
法二：
<div id="me">点我</div> <p>禁止高频率连续点击，每次点击前先清空掉定时器，然后开启定时器</p> <script> let c =null let dom = document.querySelector('#me') dom.addEventListener('click',function(){ clearTimeout(c) c = setTimeout(function(){ console.log('click happened') },1000) },false) </script>
阅读原文
阅读
3138
123
显示电脑版