购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.21 实现类Twitter的字数限制效果

最早在Twitter网站上实现的TextArea字数限制效果让用户大为惊艳,原来土里土气的TextArea控件还可以变得这么有趣!从Twitter之后,几乎所有的论坛、社交、微博网站都是按照此模式实现的TextArea控件。类Twitter风格的文本字数限制效果如图1.29所示。

图1.29 类Twitter风格的文本字数限制效果

本例主要代码如下:

关键代码是第05~10行,这里通过charCount插件实现了文本字数的限制效果。关charCount的属性参数见表1.2。

表1.2 charCount插件属性参数说明

提示: charCount插件的warning属性描述的是,当用户可输入字数剩余到该参数指定的值时提示警告,而不是已经输入的字数值。 FczEq8RoqJuoWCRghyhDYuLaNMITUPiNuuHGC9qxzKuKYV0wJzFGAgFd3wuFR8pd

点击中间区域
呼出菜单
上一章
目录
下一章
×