移动端textarea输入框监听和输入字数限制(兼容ios和Android)
程序员文章站
2022-03-02 10:57:30
移动端textarea输入框监听和输入字数限制(兼容ios和android)
html
0/15 css ....
移动端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'); });
下一篇: 关于继承的作用和使用讲解
推荐阅读
-
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
-
移动端textarea输入框监听和输入字数限制(兼容ios和Android)
-
移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
-
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
-
移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
-
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
-
移动端textarea输入框监听和输入字数限制(兼容ios和Android)