首页 > 代码库 > 实时统计输入字符个数

实时统计输入字符个数

2024-07-01 23:18:32   233人阅读

JavaScript中经常要实时统计输入的个数，用onkeyup只对输入英文有效果，输入中文时没办法实时统计；而使用onchange，也只能是等输入框失去焦点才能统计，并不能实时。下面的方法就可以实现实时统计：

    <div id="msg"></div>
    <input id=‘txt‘ value="" />
    <script>
        //当状态改变的时候执行的函数 
        function handle() {
            document.getElementById(‘msg‘).innerHTML = ‘输入的文字长度为：‘ + document.getElementById(‘txt‘).value.length;
        }

        if (typeof window.addEventListener != "undefined") {//IE11、非IE（如FireFox、Chrome）
            document.getElementById(‘txt‘).addEventListener("input", handle, false);
        }else {//IE10及以下
            document.getElementById(‘txt‘).onpropertychange = handle;
        }
    </script>

 


联系
我们