js前端限制只提交一次，做了限制，快速点击还是不生效，是不是因为 click 300ms 延迟问题

Question

js前端，限制只触发提交一次。使用了：$('#demo').click(function(){    var _self = $(this);        // 已加载过，不再次请求    if(_self.hasClass('clicked')){        return false;    }    _self.addClass('clicked');    // 执行其他逻辑});发现点击特别快的时候，并不能限制住！问题：    是不是 'click' 事件的 '300ms' 的延迟问题？，程序还没执行？？两次 'click' 事件的截图：后记：单独在html文件测试了下，是没有问题的，别误导了其他人！原因可能是我代码了混用了其他插件，iscroll.js展示效果：多个状态滚动大家要实现这个效果，可以记得 『iscroll』插件！！

Answer 1

应该是addClass,你可以换一个true/false的flag试试。如果你只是想触发一次，可以用one。

Answer 2

或者用局域变量而不是class来标示状态

Answer 3

提供一个绕过去的方案，用户点击之后 弄一个 加载层

Answer 4

我们的解决方案是增加蒙版层. 点击的时候弹出 正在加载的那个东东

Answer 5

可以了解下函数节流 和函数防抖!!!!

Answer 6

弄个 flag或者 $().one()都可以解决吧
不过有没有可能是你的js 加载了2次

Answer 7

用标志判断阻止，点击再怎么快也快不过js执行啊。。。

Answer 8

问题虽然解决了，不过我还是建议你使用一个flag:true/false来控制点击