<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两个事件同时绑定的方法,比较简单易行。复杂一点的检测剩余字数控件可以去新浪微博找。
相关推荐
textarea剩余字数
Vue实现动态显示textarea剩余文字数量,具体内容如下 这里我们假设允许用户输入的最多数量为200个 html代码如下: <textarea maxlength="200" @input="descInput" v-model="desc" /> <span>{{remnant}}/200...
NULL 博文链接:https://diaoweili.iteye.com/blog/774179
textarea还剩余字数统计,支持复制粘贴的时候统计字数
主要介绍了基于JS实现textarea中获取动态剩余字数的方法的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
js和jquery分别实现对textarea字数的限制,精彩
超级加密 3000一款功能强大的文件加密和文件夹加密软件。主要针对于进常对重要文件加密和文件夹加密的用户。该软件有超快和最强的文件加密、文件夹加密功能,采用先进的加密算法,使你的文件加密和文件夹加密后,...
是一个js插件,可以给textarea的内容显示行号
最近开发的时候做了textarea 高亮关键字,尝试过很多方法,比如用iframe,和编辑器替换,当然这也是一个方法,但是原来是用textbox的内容要达到兼容这两种方法是做不到的,所以这里是使用jquery插件和jquery核心文件搞的...
实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过...
js 特效 html 特效 textarea是否自动换行
js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ var $this = $(obj); var count_total = $this.next().children('span').text(); var count_input = $this.next().children...
angularjs实现textarea文本输入字数限制功能
NULL 博文链接:https://iszhao.iteye.com/blog/1142536
如何实现textarea中获取动态剩余字数的方法?下面小编就为大家带来一篇实现textarea中获取动态剩余字数的方法。希望对大家有所帮助。一起跟随小编过来看看吧
jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
为原始的HTML页面中的textarea框加入行号,替代一些复杂的文本编辑器
这一个是读取textarea的maxlength属性的值,进行计算,思路很好,... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]下面的这段代码是网络上应用比较广泛的,有剩余字数提示的效果代码,推荐 JS限制textarea输入框