如何使用jQuery创建一个“类似”的剩余字符?

我正在寻找增强我的wordpress主题的“元描述”和“标题标签输入字段,我想添加一个文本片段,在每次按键后评估文本输入字段并更新字段“目标字符数”就像Twitter的确如此.

例如,在“元描述”字段中,目标字符数为160.因此,如果该字段为空,则数字为160.当用户键入时,计数会随着每个字符添加到输入字段而减少,直到它达到零.

如果计数高于目标,则数字将以红色写入,前面带有减号(再次,就像推特一样).

是否有现成的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是对的 – 我应该(现在已经)使用输入事件添加支持,如果你在支持它的浏览器上按住键,粘贴,拖动等,它就会起作用. http://jsfiddle.net/yzLbh/5/

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...