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

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

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

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

  HTML部分

  

<pre name="code" class="html"><pre name="code" class="html"> <textarea placeholder="请输入您需要专家解答的问题" οnkeydοwn="begin(this,80)"  
        οnkeypress="begin(this,80)" οnfοcus="begin(this,80)" οnblur="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);  
            }  


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值