动态控制输入框字数，兼容网页，安卓，ios(ios有一种奇怪的键盘输入，无法兼容，还在填坑。)

最新推荐文章于 2021-12-01 09:38:39 发布

转载最新推荐文章于 2021-12-01 09:38:39 发布 · 456 阅读

标签

#HTML JS #wap

本文介绍了一种在微信端实现动态控制输入框字数的方法，包括HTML和JavaScript代码示例，解决了不同手机版本的兼容性问题。

这个动态控制输入框字数，开始小女子做这个的时候，觉得吧，so easy. 的确如果只是单纯在pc端，那是没有丝毫压力。

不过这次做的是微信端的，必须兼容各个版本的手机，这个就为难小女子了。毕竟不是专业的，种种尝试之后，总有各种不好解决的坑,真想pia键盘，但是没办法，工资还在老板手里的。只有默默的开始度娘了。

拜读了各位前辈们的经验总结，但是好像并没有解决到我的问题。上线在即，只有仓促的上了一个（勉强兼容大部分），说起来小女子也是惭愧。算了还是不说屁话，上图，上代码，万一哪天哪个前辈，大神就给我指点迷津了呢。。

HTML部分

<pre name="code" class="html"><pre name="code" class="html"> <textarea placeholder="请输入您需要专家解答的问题" onkeydown="begin(this,80)"  
        onkeypress="begin(this,80)" onfocus="begin(this,80)" onblur="begin(this,80);">
 </textarea>
 <div class="num"><span id="le">80/80</span></div>

js部分

function begin(obj, maxLength) {  
            var endLength;  
            var $obj = $(obj);  
            if (obj.value.length > maxLength) { //如果输入的字数超过了限制 数80 
                obj.value = obj.value.substring(0, maxLength); //就去掉多余的字sustr(0,80)  
                endLength = (maxLength - obj.value.length)+"/80"; //计算并显示剩余字数  
            }  <img src="https://img-blog.csdn.net/20161017170704700?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
            else {  
                endLength = (maxLength - obj.value.length)+"/80"; //计算并显示剩余字数  
            }  
  
                $("#le").html(endLength);  
            }