当前位置: 首页 > 编程笔记 >

JavaScript中统计Textarea字数并提示还能输入的字符

宇文温文
2023-03-14
本文向大家介绍JavaScript中统计Textarea字数并提示还能输入的字符,包括了JavaScript中统计Textarea字数并提示还能输入的字符的使用技巧和注意事项,需要的朋友参考一下

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


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

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

核心Javascript代码:

 

<span>http://tools.jb51.net/code/zishutongji

 类似资料:
  • 本文向大家介绍JavaScript动态提示输入框输入字数的方法,包括了JavaScript动态提示输入框输入字数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript动态提示输入框输入字数的方法。分享给大家供大家参考。具体如下: 在QQ空间里有小纸条那么一个功能,随着你在文本框中输入多少字,上面会动态提示你“已经输入多少字”和“还可以输入多少字”,觉得挺好的,所以自己也

  • 本文向大家介绍jQuery实现简易的输入框字数计数功能示例,包括了jQuery实现简易的输入框字数计数功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现简易的输入框字数计数功能。分享给大家供大家参考,具体如下: 运行效果图如下: 具体代码如下: PS:这里再为大家提供几款带有字数统计功能的在线工具供大家参考使用: 在线字数统计工具: http://tools.jb51

  • 在 JavaScript 中怎样正确获取字符个数 console.log('ab����'.length) // 打印结果: 6 我想要的 3 个字符 有没有能通用函数应对所有类型字符串

  • 展示字段数据统计 通过 Fields 列表, 您可以看到文档列表里面有多少文档包含特定的字段,这个字段排名前5的值是什么,包含每一个值的文档所占的百分比是多少。 在字段列表里面点击字段名称,可以展示字段数据统计。

  • 我有一个javascript问题,对此我感到非常困惑 编写一个函数stringCase,该函数接受一个大小写字符混合的字符串,并根据字符串具有更多的字母大小写返回全大写或全小写的字符串。如果字符串的大小写字符相等,则将字符串转换为所有小写。不包括任何循环、长度属性或本机方法(例外:toLowerCase() 我可以立即想到一些解决这个问题的方法,比如使用循环检查每个字符,或者使用替换方法和正则表达

  • 主要内容:执行Spark字符计数示例的步骤在Spark字符统计示例中,将找出指定文件中每个字符的频率。在这里,使用Scala语言来执行Spark操作。 执行Spark字符计数示例的步骤 在此示例中,计算并显示每个字符的出现次数。在本地计算机中创建一个文本文件并在其中写入一些文本。 向sparkdata.txt 文件中写入的文本。 在HDFS中创建一个目录,保存文本文件。 将HDD上的sparkdata.txt 文件上传到特定目录中。 现在