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


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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
Safari5中alert的无限循环BUG
Apr 07 Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
JavaScript  event对象整理及详细介绍
Oct 10 Javascript
Vue.js系列之项目结构说明(2)
Jan 03 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
Mar 01 Javascript
Vue $emit $refs子父组件间方法的调用实例
Sep 12 Javascript
vue+SSM实现验证码功能
Dec 07 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
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
2007/08/13 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
JS滚轮事件onmousewheel使用介绍
2013/11/01 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
NodeJS远程代码执行
2016/08/28 NodeJs
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
ReactNative列表ListView的用法
2017/08/02 Javascript
vue-cli2.9.3 详细教程
2018/04/23 Javascript
详解JS中统计函数执行次数与执行时间
2018/09/04 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
python append、extend与insert的区别
2016/10/13 Python
wxpython实现图书管理系统
2018/03/12 Python
Python输入二维数组方法
2018/04/13 Python
TensorFlow损失函数专题详解
2018/04/26 Python
Django model序列化为json的方法示例
2018/10/16 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
python代码实现TSNE降维数据可视化教程
2020/02/28 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
html5跳转小程序wx-open-launch-weapp踩坑
2020/12/02 HTML / CSS
国际领先的在线时尚服装和配饰店:DressLily
2019/03/03 全球购物
英国最大的天然和有机产品在线零售商之一:Big Green Smile
2020/05/06 全球购物
仓库门卫岗位职责
2013/12/22 职场文书
教师党员思想汇报
2014/01/06 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
委托书格式要求
2015/01/28 职场文书
家属慰问信
2015/02/14 职场文书
2015年前台个人工作总结
2015/04/03 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书