JS实时检测文本框内容长度
2024-08-24 14:54:06
通过js代码实时监测,文本框内容的变化以及长度,下图是一个实际使用场景。
HTML部分:
- <input id="Text1" type="text" onkeyup="TmaxLength(this)"/>
- <span id="Counter" style="color: red;">0</span>
JS部分
//实时更新输入框文字长度
function TmaxLength(x) {
//x.getAttribute是判断是否为DOM结构
var nMaxLen = x.getAttribute ? parseInt(x.getAttribute("maxlength")) : "";
if (x.getAttribute && x.value.length > nMaxLen) {
x.value = x.value.substring(0, nMaxLen);
}
document.getElementById("Counter").innerHTML = x.value.length;
}
*注意:对于可编辑div的话,不能用value属性,改为innerText,且会涉及到光标位置的问题,下篇文章会写到光标定位。
最新文章
- http status code
- 基于node.js的压缩合并安装
- wpf模仿QQ表情
- 用jquery编写的分页插件
- 重温CSS之背景、文本样式
- ArrayList与LinkedList实现比较
- Java中的Classpath
- jvm学习一:类加载过程详解
- JavaApi
- web测试笔记
- too many open files(打开的文件过多)解决方法
- Appium的工作原理
- Svn启动窗口报错 Could not load file or assembly &#39;SharpSvn.dll&#39; or one of its
- WinRT IO相关整理
- 多媒体文件格式解析之MP3
- 新增的input
- Web前端开发工程师常用技术网站整理
- ubuntu下超强的截图工具scrot
- 【分享】BS大神的C++ 11 keynotes
- INIT_WORK