1. 程式人生 > >JS控制按鈕防止多次點選

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>