博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript中实现统计Textarea的字数
阅读量:4286 次
发布时间:2019-05-27

本文共 359 字,大约阅读时间需要 1 分钟。

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

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

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

             

            核心Javascript代码:

 可以输入140

      

转载地址:http://ehvgi.baihongyu.com/

你可能感兴趣的文章
java基础(五)面向对象/类/对象/形式参数/局部和成员变量
查看>>
java基础(六)关键字/private/this/static/构造方法/
查看>>
java基础(七)/面向对像
查看>>
java基础(八)Math/代码块/继承成员方法指南的关系/继承中成员变量之间的关系/方法的重写/继承中构造方法之间的关系/this和super的区别
查看>>
iOS之AFNetWorking基本用法(一)上传、下载
查看>>
java基础(九)关键字final/多态/抽象类/关键字abstract/接口
查看>>
java中的错误集合
查看>>
java基础(十)形式参数和返回值/链式编程/包/权限修饰符/内部类
查看>>
java集成开发环境eclipse/MyEclipse
查看>>
C语言char *p 和 cha'r p[10]的区别/sizeof和strlen的区别
查看>>
iOS发布新应用/更新新版本的流程
查看>>
java的API/Object
查看>>
java基础/Scanner类/String类
查看>>
java基础/StringbBuffer/StringBuilder
查看>>
iOS 公钥/私钥/不对称加密
查看>>
java/数组排序/冒泡排序/选择排序/二分查找/Arrays/进制转换/装箱/拆箱/
查看>>
java/Character类/正则表达式/Pattern/Matcher/Math/Random类
查看>>
java/System/BigInteger/BigDecimal/Date/Calender
查看>>
java/对象数组/集合
查看>>
java/数据结构/栈/队列/数组/链表/ArrayList/泛型/增强for/静态导入/可变参数
查看>>