clickjs重複執行（js點擊事件只執行一次）

本文目錄一覽：

• 1、js 點擊後 重新執行
• 2、js怎麼避免click短時間的多次執行
• 3、js 點擊事件重複執行是怎麼解決？

js 點擊後 重新執行

msg2的onclick改為：

onclick=”showCustomer(this.d); setTimeout(CountDown()’,3000)”

3秒後重新執行CountDown()。如果需要立即執行：

onclick=”showCustomer(this.d); CountDown()”

如有問題歡迎繼續交流

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

js 點擊事件重複執行是怎麼解決？

在綁定點擊事件之前先刪除綁定事件.

jquery舉個例子

$(“#id”).unbind(“click”);

$(“#id”).click(function(){

….

})