javascript - 计算输入字符 - 使用 onkeyup 或 onkeydown？

Question

我需要为用户设置最大字符输入，类似于 stackoverflow.com 的工作方式。我计划使用 javascript 向用户提供反馈并计算字符数。只允许提交不超过最大字符数的内容。我不打算使用 xhtml 输入属性来限制此数量，因为只要不提交字符，我就允许字符超额。在后端，我会将 mysql 中的 varchar 字段设置为 charmax。

问题是，我如何计算字符输入，是基于 onkeydown() 还是 onkeyup()。我不太清楚为什么有两个功能，因为按下的键必须出现，所以我应该用哪个来进行计数？

Answer 1

HTML:

<input type='text' id='text'/>

JS:

function textLength(value){
   var maxLength = 144;
   if(value.length > maxLength) return false;
   return true;
}

document.getElementById('text').onkeyup = function(){
     if(!textLength(this.value)) alert('text is too long!');
}

这是一个 fiddle 演示:http://jsfiddle.net/maniator/L2LRK/