移动端防止多次点击

移动端防止多次点击,

实现思路

  • 在指定的时间内,不执行用户的操作;

技术核心

  • timer
  • cookie
timer 实现方式
// 定义全局变量
var isCalled = false, timer;

function igDoubleClick(callBack,interval) {
    
    if (!isCalled) {
        isCalled = true;
        clearTimeout(timer);
        timer = setTimeout(function(){
            isCalled = false;
        },interval);

        callBack();
    }
}
cookie 实现方式
        /**
     * 忽略多次点击
     * @param callBack 回调函数
     */
    igDoubleClick(callBack) {
        const nowTime = new Date().getTime();
        const clickTime = !tools.isEmpty(Cookies.get('firstTime')) ? Cookies.get('firstTime') : 0;

        if ((nowTime - clickTime) > 3000) {
            Cookies.set('firstTime', nowTime);
            callBack();
        }
    },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,135评论 1 32
  •   支持离线 Web 应用开发是 HTML5 的另一个重点。   所谓离线 Web 应用,就是在设备不能上网的情况...
    霜天晓阅读 1,071评论 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,610评论 1 45
  • 作者:晚晴幽草轩www.jeffjade.com/2016/10/31/115-summary-of-cookie...
    饥人谷_Dylan阅读 1,231评论 0 51
  • 1、 缘聚缘散,且看浮萍过客;缘生缘灭,莫留半丝回忆。 情缘阁,只在这七月初七方才开启,来者即是有缘人。 或是缘起...
    辻爱阅读 474评论 8 16