当网站后端比较复杂，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>