js 防止提交按钮连击

来源:互联网 发布:java 泛型 类型转换 编辑:程序博客网 时间:2024/06/05 05:49
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<form action="http://www.baidu.com">
    <input type="text">
    <input type="submit" id="btn">
</form>
<script type="text/javascript">
window.onload = function(){
    var btn = document.getElementById("btn");
    btn.onclick = function(){
// 判断页面是否执行完毕
        if(document.readyState != "complete" && document.readyState != null ){
            alert("页面正在提交,请耐心等待");//没有执行完毕,按钮返回false,取消默认事件;
            return false;
        }else{
            return true;
        }
    }
}
//readyState用来获取页面的状态;其值只能获取,不能被修改;当他的值是complete的时候,表示页面已经加载完毕;
</script>


</body>
</html>
原创粉丝点击