防止重复点击:

当网站后端比较复杂,ajax请求比较慢的时候。用户重复点击会阻塞页面的渲染。前端限制下很必要。

代码:

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 <div id="click">点击按钮</div>
10 <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
11 <script>
12 var clicktag = 0;
13             $('#click').click(function () {
14                 if (clicktag == 0) {
15                     clicktag = 1;
16                     //do somrthing
17                     alert('click事件触发了,5s钟后才可以点击');
18                     setTimeout(function () { clicktag = 0 }, 5000);
19                 }
20             });
21 </script>
22 </body>
23 </html>
原文地址:https://www.cnblogs.com/xiaochongchong/p/5447010.html