关于文本框中剩余多少个字符的实时反馈

Question

我有一个textarea元素，我想限制，比方说，100个字符。我目前的任务是向用户提供视觉反馈。从空盒子开始，应该是“剩下100个字符”。

现在，我将一个javascript函数charsLeft（）添加到textarea的onChange中，但它只能按预期工作50％。当我离开（聚焦）textarea而不是我输入时，它只更新包含数字的div。我该怎么做呢？这样我的用户可以在输入时看到他们在textarea中留下了多少个字符？

Answer 1

尝试使用onKeyUp事件。

Answer 2

处理keyup事件当然应该是解决方案的一部分。您还应该考虑cut和paste事件，因为文本也可以拖动到textarea中，您应该尝试处理它，可能使用mouseup事件。您可能还需要某种轮询来覆盖不支持cut和paste事件的Firefox 2和Opera等浏览器。

Answer 3

如果您正在寻找更优雅的解决方案，Flapjax是您的朋友。请参阅relevant code sample。