textarea显示剩余字数
2012-07-09 17:51
447 查看
<textarea id="a" onpropertychange="cal()"></textarea> 您还可以输入<span id="c"></span>字 <script> var maxchar=200 document.getElementById("c").innerHTML=maxchar function cal() { if(document.getElementById("a").value.length>maxchar) { document.getElementById("a").value=document.getElementById("a").value.slice(0,maxchar); document.getElementById("c").innerHTML=0; } else { document.getElementById("c").innerHTML=maxchar-eval(document.getElementById("a").value.length); } } //firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。 if(/msie/i.test(navigator.userAgent)) //ie浏览器 {document.getElementById('a').onpropertychange=cal } else {//非ie浏览器,比如Firefox document.getElementById('a').addEventListener("input",cal,false); } </script>
相关文章推荐
- Vue实现动态显示textarea剩余字数
- Vue实现动态显示textarea剩余字数
- 文本域textarea显示输入剩余字数
- 文本域textarea显示输入剩余字数
- 显示TEXTAREA文本框剩余字数
- 自动显示文本输入剩余字数,并限制文本输入字数
- asp.net限制文本框字数并显示剩余字数
- 倒计时和实现控制文本框字数并在输入过程中显示剩余字数
- Android 自定义评价Dialog(RatingBar的使用和EditText的剩余字数显示)
- THINKPHP字数限制,简介等使用,显示规定字数,剩余用...显示
- android EditText限制输入字数并显示剩余字数
- jquery之显示多个文本框剩余输入字数
- javascript TextArea动态显示剩余字符
- 使用edittext,显示字数并提示剩余字数
- textarea还剩余字数统计
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- 限制textarea字数并实时显示输入字…
- jquery textlimit.js显示TEXTAREA中剩余字符(不支持光标位置改变时触发事件)
- jQuery计算textarea中文字数(剩余个数)的小程序
- teaxtarea文本框剩余字数显示