jsテキストボックスの残りの入力可能な文字数を判断する方法

2851 ワード

この例では、jsがテキストボックスの残りの入力可能な文字数を判断する方法について説明する.皆さんの参考にしてください.具体的には以下の通りです.
目的:ユーザーがテキストボックスにテキストを入力したときに自分がどれだけの文字を入力したかをより直感的に表現するために、項目ではヒントテキストボックスの残りの入力可能文字数を判断する必要がある.
JS実現方法

     
  
 
      <br/>     <script type="text/javascript">  <br>    <br>         var maxstrlen = 160;  <br>         function Q(s) { return document.getElementById(s); }  <br>    <br>         function checkWord(c) {  <br>             len = maxstrlen;  <br>             var str = c.value;  <br>             myLen = getStrleng(str);  <br>             var wck = Q("wordCheck");  <br>    <br>             if (myLen > len * 2) {  <br>                 c.value = str.substring(0, i + 1);  <br>             }  <br>             else {  <br>                 wck.innerHTML = Math.floor((len * 2 - myLen) / 2);  <br>             }  <br>         }  <br>    <br>         function getStrleng(str) {  <br>             myLen = 0;  <br>             i = 0;  <br>             for (; (i < str.length) && (myLen <= maxstrlen * 2); i++) {  <br>                 if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128)  <br>                     myLen++;  <br>                 else  <br>                     myLen += 2;  <br>             }  <br>             return myLen;  <br>         }  <br>       <br>     </script>  <br/>   <br/>   <br/>     <form id="form1" runat="server">  <br/>     <div style="font-size: 16px">  <br/>         , , ;<br/>  <br/>         , 。  <br/>     </div>  <br/>     <div>  <br/>         <textarea onkeyup="javascript:checkWord(this);" onmousedown="javascript:checkWord(this);">             name="content" style="overflow-y: scroll"></textarea>  <br/>     </div>  <br/>     <div>  <br/>         <span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span>   <br/>     </div>  <br/>     </form>  <br/>   <br/> </code></pre> <p> javascript 。</p> <div class="clearfix"> <span id="art_bot" class="jbTestPos"/> </div> </div> </div> </div>