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来控制点击