Textarea 计数 兼容版

很久以前的文章了 迁移至此

全兼容版javascript字符计数textarea, javascript字符计数textarea,废话不多说直接上代码,亲测好使,兼容所有浏览器。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>实时计算input字符数量</title>
</head>

<body>
    <input type="text" id="text" name="name" value="">
    <div  id="box">

    </div>
    <script type="text/javascript">
        window.onload = function() {
            var oT = document.getElementById('text');
            var textBox = document.getElementById('box');
            //参数 DOM 回调
             getLength(oT, function(len){
                 textBox.innerHTML = len;
             });

            function getLength(obj,fn){
                if (navigator.userAgent.indexOf("MSIE") != -1) {
                    if (navigator.userAgent.indexOf("MSIE 9.0") != -1) {
                        obj.onpropertychange = function() {
                            fn(currentLen(obj.value));
                        };
                    } else {
                        obj.onfocus = function() {
                            timer = setInterval(function() {
                                fn(currentLen(obj.value));
                            }, 30);
                        };
                        obj.onblur = function() {
                            clearInterval(timer);
                        };
                    }
                } else {
                    obj.oninput = function() {
                        fn(currentLen(obj.value));
                    };
                }
            }

            function currentLen(value) {
                return value.replace(/[\u4E00-\u9FA50]/g, '..').length;
            }
        };
    </script>
</body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,543评论 1 45
  • 关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 32,239评论 2 89
  • 为更好的进行时间管理践行心得分享、经验交流、共同探讨解决践行过程中的问题和疑惑,以教为学,共同成长。从发起本次长沙...
    糊糊胡胡阅读 528评论 0 2
  • (起 )❤️我们都生活在这个不算太大 但很温暖的城市 —(新津)清爽的早晨我们可以在体育场走一走 用运动来开始新的...
    卓静文阅读 240评论 0 0

友情链接更多精彩内容