js监听textarea 内容的变化，并计算内容的长度

来源：互联网发布：java报表插件编辑：程序博客网时间：2024/06/05 16:26

监听textarea 内容变化：HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化

html代码如下：

  <div class="customer-message">                    <label for="customerMessage">留言</label>                    <textarea id="customerMessage" maxlength="500o"></textarea>                    <p class="text-count"><span id="textCount">0</span>/500（留言多余10个字）</p>                </div>

js代码如下：

 window.onload = function () {       //获取文本内容和长度函数        function txtCount(el) {            var val = el.value;            var eLen = val.length;            return eLen;        }               var el = document.getElementById('customerMessage');        el.addEventListener('input',function () {            var len =  txtCount(this); //   调用函数             document.getElementById('textCount').innerHTML = len;        });                el.addEventListener('propertychange',function () {//兼容IE            var len =  txtCount(this); //   调用函数             document.getElementById('textCount').innerHTML = len;        });    }

记录如上

阅读全文

0 0