设为首页收藏本站

IT技术擎 - 最棒的IT web技术交流社区

 找回密码
 注册为IT技术擎人

QQ登录

只需一步,快速开始

搜索
热搜: php h5 jquery
查看: 24|回复: 0

[jquery] jquery实现显示textarea输入字符数

[复制链接]
发表于 2018-7-30 11:15:24 | 显示全部楼层 |阅读模式

起初会想到使用keyup、keydown、keypress或者是onchange事件,onchange需要失去焦点才触发, 其它三个有些对按住键盘某个键不放不生效,有些对使用中文输入法正在输入时统计不正确。
网上找到一种方法就是绑定事件input propertychange
  1. <!DOCTYPE html > <
  2. html lang="en" > <
  3. head > <
  4. meta charset="UTF-8" > <
  5. meta name="viewport"content="width=device-width, initial-scale=1.0" > <
  6. meta http-equiv="X-UA-Compatible"content="ie=edge" > <
  7. title >Document </title > </head > <
  8. body > <
  9. textarea > </textarea > <
  10. div  >当前已输入 <
  11. span id="count" >0 </span >个字符 </div > <
  12. script type="text/javascript"src="https://code.jquery.com/jquery-3.3.1.min.js" > </script > <
  13. script type="text/javascript" >
  14. $('textarea').bind('input propertychange',function(){ $('#count').html($(this).val().length); }); </script > </body > </html >
复制代码
效果如下:



上一篇:[经典Bug]Android-初始化闪屏不消失
下一篇:保存头像- vue项目-base64字符串转图片
该用户未在地球留下任何的痕迹

本版积分规则

QQ|小黑屋|帮助|IT技术擎 ( 沪ICP备15054863号  

GMT+8, 2018-8-22 15:49

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表