首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-08-09 
JS显示剩余字数(TextArea写法)htmlbodyh2测试剩余字数/h2textarea idinputword/textareai

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两个事件同时绑定的方法,比较简单易行。复杂一点的检测剩余字数控件可以去新浪微博找。

热点排行
Bad Request.