zoukankan      html  css  js  c++  java
  • jquery防止按钮重复点击处理方式

    最近做了很多关于按钮提交的业务,发现经常出现多次提交的现象,下面把我解决防止多次点击处理办法记录下:
    
    eg:   <button id="comfirmButton" class="k-primary" > 通过 
    
          <a class="disqualificationBtn" href="#" id="refuseSubmit">拒绝</a>
    
    处理方式1:
    
    使用示例如下:
    
    $("#comfirmButton").attr("disabled", false);
    
    var href = "javascript:return false;"
    $("#refuseSubmit").attr('href', href);
    $("#refuseSubmit").removeAttr('onclick')
    
    这种处理方式经常性达不到想要的效果。
    
    处理方式2:
    
    1:one方法
    
    语法:$(selector).one(event,data,function);
    
    使用示例:
    
    $("#comfirmButton").one("click",function()
    
    { alert("one只能点击一次。");
    
    });
    
    2:unbind 方法
    
    使用示例:
    
    $("#refuseSubmit").bind("click",function(){ alert("unbind只能点击一次"); $(this).unbind('click'); });

    处理方式3 标记法:
    使用示例:

    var isClick = true;
    $("#comfirmButton").bind("click", function () {

    if (isClick) {
    isClick = false;
    //做你想做的
    }
    setTimeout(function () {
    isClick = true;
    }, 1000);//一秒内不能重复点击
    });

  • 相关阅读:
    CUDA 纹理内存
    CUDA三维数组
    cutil.h问题
    GPU和CPU耗时统计方法
    NVIDIA CUDA Library Documentation
    device not ready cuda
    送给女朋友的礼物
    手机屏幕录制软件分享
    统计函数运行时间-CPU端
    二十四孝,图文并茂,古今必读!
  • 原文地址:https://www.cnblogs.com/wu-peng/p/10130572.html
Copyright © 2011-2022 走看看