显示html标签的textarea字数,JavaScript中统计Textarea字数并提示还能输入的字符

现在流行的Twitter等微博客网站，有一个很好的用户体验，就是在文本框中输入文字的时候，会自动统计输入的字符，并显示用户还能输入的字符，在限制了140个字的微博客中，这样的小提示可以很好的增强用户体验。

如果实现这种技术呢，我进行了一些研究，发现实现其实挺简单，几行代码就能完成输入字符统计功能，经过实际测试，其对文字的统计与Twitter等微博客的完全相同。

使用方法是，先增加一个span，用于显示剩余的字数，然后在Textarea中，加入一个onkeydown和onkeyup的事件，调用另一段JavaScript函数，函数调用的参数为span的id和textarea的id，然后再JavaScript中使用innerHTML返回计算出来的剩余字数。

核心Javascript代码：

function countChar(textareaName,spanName)

{

document.getElementById(spanName).innerHTML = 140 - document.getElementById(textareaName).value.length;

}

可以输入140字

οnkeyup='countChar("status","counter");'>

PS：本站还提供了一个关于字数统计的在线工具，感兴趣的朋友可以参考一下：

在线字数统计工具：

显示html标签的textarea字数,JavaScript中统计Textarea字数并提示还能输入的字符相关推荐

ACMNO.27 Python的两行代码解决 C语言-字符逆序写一函数。使输入的一个字符串按反序存放，在主函数中输入输出反序后的字符串。输入一行字符输出逆序后的字符串
题目描述写一函数,使输入的一个字符串按反序存放,在主函数中输入输出反序后的字符串. 输入一行字符输出逆序后的字符串样例输入 123456abcdef 样例输出 fedcba654321 来源 ...
python统计文件中的中文字数-Python实现统计文本文件字数的方法
本文实例讲述了Python实现统计文本文件字数的方法.分享给大家供大家参考,具体如下: 统计文本文件的字数,从当前目录下的file.txt取文件 # -*- coding: GBK -*- impor ...
php 判断字数,PHP实时统计中文字数和区别
1.PHP 中如何正确统计中文字数?这个是困扰我很久的问题,PHP 中有很多函数可以计算字符串的长度,比如下面的例子,分别使用了 strlen,mb_strlen,mb_strwidth 这个三个函数 ...
python统计文件行数与字数_Python实现统计文本文件字数的方法
本文实例讲述了Python实现统计文本文件字数的方法.分享给大家供大家参考,具体如下: 统计文本文件的字数,从当前目录下的file.txt取文件 # -*- coding: GBK -*- impor ...
JavaScript中统计数组中相同元素的个数-案例
图示说明代码 //部分数据 ["220","220","220","220","220",&quo ...
php 判断字数,如何正确统计中文字数？-PHP教程,PHP应用
php代码:--------------------------– function ccstrlen($str) #计算中英文混合字符串的长度 { $cclen=0; $asclen=strlen( ...
python创建数据库字数不限制_KindEditor设置字数限制
‍‍ 一般数据库中的varchar类型能包含的字符长度是有上限的,而通过富文本编辑器输出的内容通常包含一堆HTML代码,也会占用字符数,当一篇文章很长时,很容易导致返回数据库异常,直接反应出来的是页面 ...
Vim统计中文字数和英文单词数（附针对LaTeX的特殊处理）
统计中文字数在 Vim 中可以容易地用 Ex 命令 :%s/[\u4e00-\u9fa5\u3040-\u30FF]//gn 统计. 统计英文单词数在终端中可以使用 wc -w 统计.但如果英文中 ...
php textarea 默认值,html中的textarea属性大全(设置默认值高度自适应获取内容限制输入字数 placeholder)...
1.textarea设置默认值 HTML: 此段代码设置一个textarea文本框并且设置为隐藏 2.textarea高度自适应今天需要些一个回复评论的页面,设计师给的初始界面就是一个只有一行的框 ...

显示html标签的textarea字数,JavaScript中统计Textarea字数并提示还能输入的字符

显示html标签的textarea字数,JavaScript中统计Textarea字数并提示还能输入的字符相关推荐

最新文章

热门文章