当前位置: 代码迷 >> JavaScript >> JS展示剩余字数(TextArea写法)
  详细解决方案

JS展示剩余字数(TextArea写法)

热度:198   发布时间:2013-08-09 15:16:24.0
JS显示剩余字数(TextArea写法)
<html>
<body>
<h2>测试剩余字数</h2>
<textarea id="inputword"></textarea>
<input type="text" id="lastwordnum" value="10">
</body>
<script type="text/javascript">
var textareaobj=document.getElementById('inputword');
textareaobj.onkeydown=function(){
checklastword();
}

textareaobj.onkeyup=function(){
checklastword();
}

function checklastword(){
var lastwordnum=10-textareaobj.value.length;
if(lastwordnum>=0) document.getElementById('lastwordnum').value=lastwordnum;
if(lastwordnum < 1) textareaobj.value= textareaobj.value.substr(0,10);
}
</script>
</html>

??? 自己写的一个js检测剩余字数的方法,最近一个项目中用到,仅供参考,如需封装或是中文和英文显示字数不同可以自己扩展。

??? 主要用了keydown和keyup两个事件同时绑定的方法,比较简单易行。复杂一点的检测剩余字数控件可以去新浪微博找。

  相关解决方案