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

实时统计输入字符个数

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>