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

html

</p> <p>

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'); });