当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS实现边打字边显示字数

JS实现边打字边显示字数

2012/11/6 15:48:30作者:佚名来源:网络

移动端

【实例名称】

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代码的准确性,请点击:边打字边显示字数 进行本实例源码下载 

标签: 打字