JavaScript開發中如何通過JS控制按鈕防止多次點擊

JavaScript開發中如何通過JS控制按鈕防止多次點擊。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
        // 按鈕防止短時間多次點擊
        //全局變量標識
        var CLICKTAG = 0;
 
        function button_onclick(pElement){
            if (CLICKTAG == 0) {  
                CLICKTAG = 1;  
                pElement.disabled=true;
                // 等待3s後重置按鈕可用
                setTimeout(function () { CLICKTAG = 0 ; pElement.disabled=false;}, 3000);  
            }
        }
    </script>
</head>
 
<body>
    <input type="button"  style="width:125px;height:25px;" value = "點擊" onclick="button_onclick(this)" ></button>
</body>
</html>

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *