这个动态控制输入框字数,开始小女子做这个的时候,觉得吧,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);
}