码迷,mamicode.com
首页 > 其他好文 > 详细

textarea输入框实时统计输入字符数

时间:2018-07-08 15:42:23      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:text   amp   文本框   doc   长度   none   NPU   col   javascrip   

技术分享图片
 1 <!DOCTYPE html>
 2 <html>
 3 
 4     <head>
 5         <meta charset="UTF-8">
 6         <title></title>
 7         <style type="text/css">
 8             #num {
 9                 color: red;
10             }
11         </style>
12     </head>
13 
14     <body>
15 
16         <textarea class="weui_textarea" onkeyup="wordStatic(this);" maxlength="50" id="studyIdea" placeholder="请填写您的培训收获!" rows="3"></textarea>
17         <div class="weui_textarea_counter"><span id="num">0</span>/50</div>
18 
19     </body>
20     <script type="text/javascript">
21         function wordStatic(input) {
22             // 获取要显示已经输入字数文本框对象
23             var content = document.getElementById(‘num‘);
24             if(content && input) {
25                 // 获取输入框输入内容长度并更新到界面
26                 var value = input.value;
27                 // 将换行符不计算为单词数
28                 value = value.replace(/\n|\r/gi, "");
29                 // 更新计数
30                 content.innerText = value.length;
31             }
32         }
33     </script>
34 
35 </html>
View Code

原文地址

textarea输入框实时统计输入字符数

标签:text   amp   文本框   doc   长度   none   NPU   col   javascrip   

原文地址:https://www.cnblogs.com/wush-1215/p/9279931.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!