美文网首页
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