太阳集团娛乐城所有网址_太阳网城官网
<nobr id="z799b"></nobr>
<b id="z799b"><del id="z799b"></del></b>
    <b id="z799b"><strike id="z799b"></strike></b>

      <dfn id="z799b"></dfn>

      <ins id="z799b"></ins>

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

      JS实现边打字边显示字数

      2012/11/6 15:48:30作者:佚名来源:软件学堂

      移动端

      【实例名称】

      JS实现边打字边显示字数

      【实例描述】

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

      【实例代码】

      <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.runchuckit.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代码的准确性,请点击:边打字边显示字数 进行本实例源码下载 

      太阳集团娛乐城所有网址_太阳网城官网