當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS代碼實現防止按鈕連擊

JS代碼實現防止按鈕連擊

2012/10/17 16:48:47作者：佚名來源：網絡

移動端

【實例名稱】

JS代碼實現防止按鈕連擊

【實例描述】

當頁面提交的數據特別多時，頁面會反應比較遲鈍，此時如果用戶等不及而連續單擊按鈕，導致數據重復提交?？梢允褂帽纠峁┑拇a防止數據重復提交。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
<script LANGUAGE="JavaScript">
function doubleCheck(){ 
    if (window.document.readyState != null &&  window.document.readyState != 'complete') //判斷頁面是否執行完畢
    { 
        alert("正在處理，請等待！"); //沒有執行完畢提示，并返回false
        return false; 
    } 
    else 
    { 
        return true;  //執行完畢
    } 
} 
</script>
</head>
<body>
<input type=text name="txt1" value="this is test!">
<input type=button value="提交" onClick="doubleCheck()">
</body>
</html>

【難點剖析】

本例的重點是如何判斷頁面的狀態?！皉eadyState”屬性用來獲取頁面的狀態，其值只能獲取，不允許賦予。當其值為“complete”時，襲示頁面已經加載完畢。

【源碼下載】

本實例JS代碼下載

標簽： JS代碼按鈕

上一篇：通過JS代碼實現按鈕只能單擊一次
下一篇：什么是超線程 CPU超線程

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频