监测文本输入的字数，终极版，学习笔记

weixin_30938149

于 2017-09-19 21:34:00 发布

阅读量159

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhhwDavidblog/p/7554385.html

本文介绍了一个实用的JavaScript函数，用于实时监测网页上多个文本框的输入字符数量，并即时更新字符计数。该方法通过监听键盘事件和输入组合状态来确保准确计数，适用于需要限制或统计用户输入的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

       
///此方法可以适用多个文本框监测，如果多个文本框同时显示的话须生成多个flag已对应函数中的flag
      var flag = false;
      function ff(str) {
            flag = false;
            document.getElementById("replycontent" + str).addEventListener("keyup", function () {
                if (flag == false) {
                    document.getElementById("counttxt" + str).textContent = document.getElementById("replycontent" + str).value.length;
                }
            });
            document.getElementById("replycontent" + str).addEventListener("compositionstart", function () {
                flag = true;
            });
            document.getElementById("replycontent" + str).addEventListener("compositionend", function () {
                flag = false;
                document.getElementById("counttxt" + str).textContent = document.getElementById("replycontent" + str).value.length;
            });
        }