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