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

JS實現邊打字邊顯示字數

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

移動端

【實例名稱】

JS實現邊打字邊顯示字數

【實例描述】

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

【實例代碼】

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

 
【運行效果】

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

【難點剖析】

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

【源碼下載】

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

標簽：打字

上一篇：JS實現取當月的最后一天
下一篇：PhotoShop摳圖教程快速扣出聯通標志

相關文章

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

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

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