动态统计当前输入内容的字节、字符数的实例详解


Posted in Javascript onOctober 27, 2017

动态统计当前输入内容的字节、字符数的实例详解

看到网上有好多利用charAt方法,原理也很简单,用正则判断是不是中文,如果是的话,字节数就加2,不是的话,字节数就加1。

后来发现另一种方式,由于一个汉字对应是两个字节,可利用正则,将匹配到的汉字用两个字符代替,例如:“xx”,最后获得转化后的字符串的长度即是字节数。

而字符数就是对应有多少个汉字、字母、符号。

//短信内容字数
  $scope.bytesCount= 0;
  $scope.smsLength = 0;
  $scope.smsContent = '1';

  $scope.smsCount = function () {

    $scope.bytesCount = $scope.smsContent.replace(/[^\x00-\xff]/g, 'xx').length;
    $scope.smsLength = $scope.smsContent.length;

  }

动态统计当前输入内容的字节、字符数的实例详解

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
greybox——不开新窗口看新的网页
Feb 20 Javascript
初学JavaScript第二章
Sep 30 Javascript
js类型检查实现代码
Oct 29 Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 Javascript
jquery操作checked属性以及disabled属性的多种方法
Jun 20 Javascript
九种原生js动画效果
Nov 11 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
fullCalendar中文API官方文档
Feb 07 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
May 05 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
Aug 03 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 #Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 #Javascript
vue中v-model动态生成的实例详解
Oct 27 #Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 #Javascript
js通过Date对象实现倒计时动画效果
Oct 27 #Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 #Javascript
本地搭建微信小程序服务器的实现方法
Oct 27 #Javascript
You might like
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
PHP5 面向对象(学习记录)
2009/12/02 PHP
如何用phpmyadmin设置mysql数据库用户的权限
2012/01/09 PHP
php上传图片存入数据库示例分享
2014/03/11 PHP
php集成动态口令认证
2016/07/21 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
用js实现的模拟jquery的animate自定义动画(2.5K)
2010/07/20 Javascript
javascript中最常用的继承模式 组合继承
2010/08/12 Javascript
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
2013/02/02 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
2013/03/17 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
JavaScript中SetInterval与setTimeout的用法详解
2015/11/10 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
2016/10/30 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
微信小程序使用for循环动态渲染页面操作示例
2018/12/25 Javascript
使用Angular material主题定义自己的组件库的配色体系
2019/09/04 Javascript
vue中v-model对select的绑定操作
2020/08/31 Javascript
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
详解Python异常处理中的Finally else的功能
2017/12/29 Python
python 删除指定时间间隔之前的文件实例
2018/04/24 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
Python求解正态分布置信区间教程
2019/11/20 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
python学习笔记之多进程
2020/08/06 Python
基于python模拟TCP3次握手连接及发送数据
2020/11/06 Python
利用python 下载bilibili视频
2020/11/13 Python
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
印刷工程专业应届生求职信
2013/09/29 职场文书
审计主管岗位职责
2014/01/31 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
贫困证明书格式及范文
2014/10/15 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
2015年销售助理工作总结
2015/05/11 职场文书