jquery - 如何用jQuery创建“类似twitter”的剩余字符数？

我希望增强WordPress主题的“元描述”和“标题”标签输入字段，并且想添加一个文本片段，该文本片段在每次按键后评估文本输入字段并更新字段“目标字符数”，就像Twitter的。

例如，在“元描述”字段上，目标字符数为160。因此，如果该字段为空白，则数字为160。随着用户的输入，每个字符添加到输入字段中的次数都会减少，直到它达到零。

如果计数高于目标，则数字以红色书写，前面带有减号（同样，类似于twitter）。

是否有现有的jQuery脚本可以执行此操作？

<label class="screen-reader-text" for="excerpt">
    Post Excerpt (Meta Description) <span class="counter">150</span> characters*
</label>

<textarea rows="1" cols="40" name="excerpt" tabindex="6" id="excerpt"></textarea>

最佳答案

据我所知，这不是让您入门的方法：http://jsfiddle.net/yzLbh/

编辑：Andy E是对的-我应该（现在已经）使用input事件添加了支持，如果在支持它的浏览器上按住，粘贴，拖动等键，该事件将起作用。 http://jsfiddle.net/yzLbh/5/