當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼實(shí)現(xiàn)IE中屏蔽退格鍵(BackSpace)

JS代碼實(shí)現(xiàn)IE中屏蔽退格鍵(BackSpace)

2012/10/26 17:04:39作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

JS代碼實(shí)現(xiàn)IE中屏蔽退格鍵(BackSpace)

【實(shí)例描述】

用戶在textarea中輸人內(nèi)容時(shí)。不允許使用退格鍵。本例學(xué)習(xí)如何實(shí)現(xiàn)這種屏蔽。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂(www.denvermotorcycleaccidentlawyer.com)</title>
</head>
<body>
<script language="javascript"> 
document.onkeydown = function() //用戶的按鍵事件
{     
    if(event.keyCode == 8)      //如果按下的是退格鍵
    { 
        if(event.srcElement.tagName.toLowerCase() != "input" 
           && event.srcElement.tagName.toLowerCase() != "textarea") //如果是在textarea內(nèi)
            event.returnValue = false;                              //不執(zhí)行任何操作
    } 
} 
</script> 
<input type=text><p> 
<textarea cols=80 rows=10></textarea> 
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是使用“event.keyCode”來(lái)判斷用戶的按鍵。“onkeydown”是鍵盤(pán)操作觸發(fā)的具體事件,退格鍵的鍵值為“8”。表達(dá)式“event.retumValue=false”表示當(dāng)用戶按退格鍵時(shí),不執(zhí)行任何操作。

【源碼下載】

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