textarea输入框实时统计输入字符数
2024-10-20 05:38:03
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#num {
color: red;
}
</style>
</head> <body> <textarea class="weui_textarea" onkeyup="wordStatic(this);" maxlength="50" id="studyIdea" placeholder="请填写您的培训收获!" rows="3"></textarea>
<div class="weui_textarea_counter"><span id="num">0</span>/50</div> </body>
<script type="text/javascript">
function wordStatic(input) {
// 获取要显示已经输入字数文本框对象
var content = document.getElementById('num');
if(content && input) {
// 获取输入框输入内容长度并更新到界面
var value = input.value;
// 将换行符不计算为单词数
value = value.replace(/\n|\r/gi, "");
// 更新计数
content.innerText = value.length;
}
}
</script> </html>
最新文章
- Java多线程基础——对象及变量并发访问
- 转: 在 Vim 中优雅地查找和替换 (写的很好,排版也是相当的赞)
- jsp中查询条件的回显
- jboss hello world
- linux下 ^M
- android.view.WindowLeaked
- 慎用preg_replace危险的/e修饰符(一句话后门常用)
- 精确到秒的JQuery日期控件
- Performance Tuning of Spring/Hibernate Applications---reference
- 网站出现 HTTP 错误 401.2 - 未经授权:访问由于服务器配置被拒绝
- Cloneable接口分析
- jQuery表单验证以及将表单序列化为json对象小练习
- (中等) HDU 2295 , DLX+重复覆盖+二分。
- Mybatis Generator实现分页功能
- 如何探测网络设备ACL规则
- C/S,B/S应用的区别
- java xml 转 json
- 在windows下安装nvm并管理nodejs版本
- pytest四:fixture_yield 实现 teardown
- L309 单音节词读音规则(一)-辅音字母发音规则
热门文章
- ZOJ 1457 E-Prime Ring Problem
- python 爬虫 糗百成人
- [OS] 多线程--原子操作 Interlocked系列函数
- 手机端浏览器适配,background 背景平铺 ,有的出不来
- matlab中nargin函数的用法
- BZOJ 1221 软件开发(费用流)
- bzoj 3217: ALOEXT
- Android 常用控件自定义样式RadioButton、CheckBox、ProgressBar、
- POJ3070:Fibonacci——题解
- [Leetcode] reverse integer 反转整数