当前位置： 移动技术网 > IT编程>网页制作>CSS > 移动端textarea输入框监听和输入字数限制(兼容ios和Android)

移动端textarea输入框监听和输入字数限制(兼容ios和Android)

2019年06月04日  | 移动技术网IT编程  | 我要评论

移动端textarea输入框监听和输入字数限制(兼容ios和android)

\

html

0/15

css

.textareabox { position: relative; }

.wordsnum { position: absolute; bottom: 0.83rem; right: 0.83rem; color: #b3b3b3; font-size: 1rem; }

js

//封装一个限制字数方法

var checkstrlengths = function (str, maxlength) {

var maxlength = maxlength;

var result = 0;

if (str && str.length > maxlength) {

result = maxlength;

} else {

result = str.length;

} return result; }

//监听输入 $(".wishcontent").on('input propertychange', function () { //获取输入内容 var userdesc = $(this).val();

//判断字数 var len; if (userdesc) { len = checkstrlengths(userdesc, 15); } else { len = 0 }

//显示字数 $(".wordsnum").html(len + '/15'); });

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网