欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-02 10:57:30
移动端textarea输入框监听和输入字数限制(兼容ios和android) html

0/15 css ....

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

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