當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS實(shí)現(xiàn)邊打字邊顯示字?jǐn)?shù)

JS實(shí)現(xiàn)邊打字邊顯示字?jǐn)?shù)

2012/11/6 15:48:30作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

JS實(shí)現(xiàn)邊打字邊顯示字?jǐn)?shù)

【實(shí)例描述】

有一些文本框限定了輸入字?jǐn)?shù)，為了幫助用戶正確操作，會有字?jǐn)?shù)提示功能。本例學(xué)習(xí)如何實(shí)現(xiàn)這種字?jǐn)?shù)提示功能。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
<script LANGUAGE="JavaScript">
function Check(txt)
{
    TextCount=txt.value.length;  
//獲取文本框的長度
    div1.innerText=TextCount;    
//將長度顯示在div中
}
</script>
</head>
<body>
<textarea type=text id=txt1 onkeyup="Check(this) " 
onKeyDown="Check(this)">
</textarea><br />當(dāng)前字符數(shù)：<div id="div1"></div>
</body>
</html>
 

 
【運(yùn)行效果】

 邊打字邊顯示字?jǐn)?shù)運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是文本框事件的應(yīng)用?！皁nkeyup“是按鍵彈起時的觸發(fā)事件．“onKeyDown”是按鍵按下時的觸發(fā)事件?！癈heck”方法用來監(jiān)測文本的長度，并在div中動態(tài)地顯示當(dāng)前的字?jǐn)?shù)。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點(diǎn)擊：邊打字邊顯示字?jǐn)?shù) 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽： JS實(shí)現(xiàn)  打字