码迷,mamicode.com
首页 > 其他好文 > 详细

实时统计输入字符个数

时间:2014-04-30 00:40:05      阅读:428      评论:0      收藏:0      [点我收藏+]

标签:com   http   blog   style   class   div   img   code   java   javascript   log   

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

mamicode.com,码迷
    <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>
mamicode.com,码迷

 

实时统计输入字符个数,码迷,mamicode.com

实时统计输入字符个数

标签:com   http   blog   style   class   div   img   code   java   javascript   log   

原文地址:http://www.cnblogs.com/lhl98/p/3696572.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!