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>
实时统计输入字符个数,码迷,mamicode.com
时间: 2024-10-25 15:13:42