`
可爱的小野人
  • 浏览: 33537 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

    博客分类:
  • HTML
阅读更多
<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);
}//test
</script>
</html>

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

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics