美文网首页
ReactNative防止重复点击工具类

ReactNative防止重复点击工具类

作者: 幽玄727 | 来源:发表于2019-10-31 11:51 被阅读0次
    /**
    
     Created by wayne on 2017/6/7.
     防止重复点击工具类,目前时间定为3秒
     返回true,代表可以点击,false,代表不可以点击
     */
    const minClickDelayTime = 5000; // 延迟时间
    let lastClickTime = 0; // 最后点击时间
    const noDoubleClick = () => {
        const currentTime = new Date().getTime();
        if (currentTime - lastClickTime > minClickDelayTime) {
            lastClickTime = currentTime;
            return true;
        }
        return false;
    };
    // 清空点击时间
    const resetLastTime = () => {
        lastClickTime = 0;
    };
    export default {noDoubleClick, resetLastTime};
    

    调用的地方

       if (ClickUtils.noDoubleClick()) {
                                            NavigationUtil.push(Pages.CgeDetailPage, {mData: this.state.mData});
                                        }
    

    相关文章

      网友评论

          本文标题:ReactNative防止重复点击工具类

          本文链接:https://www.haomeiwen.com/subject/asozvctx.html