jQuery统计输入框字符数或者类似评论字数,即时统计

评论计数之前流行过一段时间,那时一是感觉没啥用,二是要加的代码挺多的。主流也是2种方法,元素JavaScript的(这儿),jquery的(这儿)。

两者基本原理相同,都采用setInterval()短时间内重复执行,效率不谈,这种思路代码字符肯定在几百+。那是否有另外思路来实现呢?

答案当然是肯定的!

先写好HTML片段:


<i id="num">0</i>


评论框textarea之后,然后CSS美化一下:


#num{float:right;font-size:35px;color:#DDD;margin:-50px 5px 0 0;padding-right:10px;}


jQuery核心代码:


$('#comment').bind('focus keyup input paste',function(){  //采用几个事件来触发(已增加鼠标粘贴事件)
 
	$('#num').text($(this).attr("value").length)  //获取评论框字符长度并添加到ID="num"元素上
 
});
收工,jQuery统计输入框字符数大概就这样了。

关键词: 输入框统计 , jquery

上一篇: SaBlog-X2.0在nginx的完美伪静态规则分享
下一篇: nginx去掉单个目录和多个目录PHP执行权限方法

目前还没有人评论,您发表点看法?
发表评论

评论内容 (必填):