首页 > Web开发 > 详细

jquery: 监听输入框输入文字个数

时间:2020-07-14 15:55:50      阅读:73      评论:0      收藏:0      [点我收藏+]
function inputListener(inputElement, maxLength) {
    let flag = true;
    inputElement.on(‘compositionstart‘, function () {
        flag = false;
    });

    inputElement.on(‘compositionend‘, function () {
        flag = true;
    });

    inputElement.on(‘input‘, function () {
        setTimeout(function () {
            if (flag) {
                let textnum = inputElement.val().replace(/\s+/g, "").length;
                $(‘.text-count .count‘).text(textnum);
                if (textnum < maxLength) {
                    $(‘.text-count .limit‘).text(‘‘);
                    $(‘.text-count .count‘).css(‘color‘, ‘#999‘);
                }
                if (textnum === maxLength) {
                    $(‘.text-count .limit‘).text(`您最多只能输入${maxLength}字`);
                    $(‘.text-count .count‘).css(‘color‘, ‘#ff3344‘);
                }
            }
        }, 100);
    });
}

 

jquery: 监听输入框输入文字个数

原文:https://www.cnblogs.com/Nyan-Workflow-FC/p/13299242.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!