JS代碼實(shí)現(xiàn)防止按鈕連擊

2012/10/17 16:48:47作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱(chēng)】

【實(shí)例描述】

當(dāng)頁(yè)面提交的數(shù)據(jù)特別多時(shí)，頁(yè)面會(huì)反應(yīng)比較遲鈍，此時(shí)如果用戶(hù)等不及而連續(xù)單擊按鈕，導(dǎo)致數(shù)據(jù)重復(fù)提交。可以使用本例提供的代碼防止數(shù)據(jù)重復(fù)提交。

【實(shí)例代碼】

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

【難點(diǎn)剖析】

本例的重點(diǎn)是如何判斷頁(yè)面的狀態(tài)?！皉eadyState”屬性用來(lái)獲取頁(yè)面的狀態(tài)，其值只能獲取，不允許賦予。當(dāng)其值為“complete”時(shí)，襲示頁(yè)面已經(jīng)加載完畢。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽： JS代碼按鈕