首页>>后端>>java->jquery防止重复点击(jquery多次反复触发事件)

jquery防止重复点击(jquery多次反复触发事件)

时间:2023-12-05 本站 点击:0

js怎么避免click短时间的多次执行

比如楼下说的漏毕凯方法,可以设置JS变量来,或者再标签上加自己定义属性,示例如下:

input type="button" value="测试" state="0" id="btn" /

script type="text/javascript"

    // JS的做法, 当然下面的也可以把点击时间做成函数,然后添加到空间上面

    document.getElementById("btn").onclick = function() {

        //获取按钮点击状态

        var s = this.getAttribute("state");

        if(s == '1'数闷) {

            alert("系统处理中,请不要重复点击!");

        } else {

            // 设置点击状态,执行业务逻辑,设置处理中

            this.setAttribute("state", "1")

        }

        // 下方写你的其他代码

        

        this.setAttribute("state", "0"); // 设置点击状态,执行完成清空点击

    }

    // 返唤jQuery的做法

    $("#btn").click(function() {

        //获取按钮点击状态

        var s = $(this).attr("state");

        if(s == '1') {

            alert("系统处理中,请不要重复点击!");

        } else {

            // 设置点击状态,执行业务逻辑,设置处理中

            $(this).attr("state", "1")

        }

        // 下方写你的其他代码

        

        $(this).attr("state", "0"); // 设置点击状态,执行完成清空点击

    });

/script


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/java/13256.html