當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS實現邊打字邊顯示字數

JS實現邊打字邊顯示字數

2012/11/6 15:48:30作者：佚名來源：網絡

移動端

【實例名稱】

JS實現邊打字邊顯示字數

【實例描述】

有一些文本框限定了輸入字數，為了幫助用戶正確操作，會有字數提示功能。本例學習如何實現這種字數提示功能。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（wangbatian.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 />當前字符數：<div id="div1"></div>
</body>
</html>
 

 
【運行效果】

 邊打字邊顯示字數運行效果

【難點剖析】

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

【源碼下載】

為了JS代碼的準確性，請點擊：邊打字邊顯示字數 進行本實例源碼下載 

標簽： JS實現  打字