JS控制按钮防止多次点击

RoadStillFaraway

于 2017-11-23 10:49:28 发布

阅读量5.2k

点赞数 2

分类专栏：前端-CSS/JS/JQuery 文章标签： javascript 防止重复点击

本文链接：https://blog.csdn.net/RodeStillFaraway/article/details/78611868

版权

前端-CSS/JS/JQuery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!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 = "点击" οnclick="button_onclick(this)" ></button>
</body>
</html>