js统计文本框剩余可输入多少字

 我来答
yyazdcdd
2017-01-11 · 超过30用户采纳过TA的回答
知道答主
回答量:43
采纳率:100%
帮助的人:22.7万
展开全部
<input type="text" maxlength="10"/>
<p>还可以输入<span></span>个字符</p>
//限制长度不允许超过10.那么我们监测input输入事件。
var ipt = document.querySelector('input'),
    spa = document.querySelector('span');

//获取可输入最大长度并赋值
spa.innerHTML = ipt.maxLength - ipt.value.length; 
//监听input输入事件,oninput,动态获取剩余长度。
ipt.addEventListener('input',function(){
    spa.innerHTML = ipt.maxLength - ipt.value.length;
})
//也可以直接规定可输入长度,在输入长度达到边界值再进行删除就可以
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式