如何防止在短时间内多次点击按钮多次触发事件呢?
我的解决方法是:设置一个延时器,就可以起到作用了。
下面附上代码,方便日后回看。
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title>阻止多次点击出发多次事件</title><style type="text/css">.btn{background-color: #3377FF;line-height: 50px;color: #FFFFFF;text-align: center;margin: 100px auto;}</style></head><body><div class="btn">确认</div></body><script src="js/jquery-3.2.1.js"></script><script type="text/javascript">var timer = null;$('.btn').click(function(e){if(timer != null){clearTimeout(timer);}timer = setTimeout(function(){touchBtn();},1000);})function touchBtn(){console.log('这是一个向服务器请求的方法');}</script></html>