软件学堂

网游分类软件分类

JS实现边打字边显示字数

2012-11-06 来源:网络

【实例名称】

JS实现边打字边显示字数

【实例描述】

有一些文本框限定了输入字数,为了帮助用户正确操作,会有字数提示功能。本例学习如何实现这种字数提示功能。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</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“是按键弹起时的触发事件.“onKeyDown”是按键按下时的触发事件。“Check”方法用来监测文本的长度,并在div中动态地显示当前的字数。

【源码下载】

为了JS代码的准确性,请点击:边打字边显示字数 进行本实例源码下载 

上一篇:JS实现取当月的最后一天
下一篇:PhotoShop抠图教程快速扣出联通标志

相关文章