Html监测文本框的变化 js,js监听textarea 内容的变化，并计算内容的长度

监听textarea 内容变化：HTML5标准事件

oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化

html代码如下：

留言

0/500(留言多余10个字)

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;

});

}

记录如上