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


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 相关文章推荐
Javascript和Ajax中文乱码吐血版解决方案
Dec 21 Javascript
Jquery 表单验证类介绍与实例
Jun 09 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 Javascript
JavaScript实现DOM对象选择器
Sep 24 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
Nov 02 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
vue中Axios的封装与API接口的管理详解
Aug 09 Javascript
webpack打包非模块化js的方法
Oct 24 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
基于vue+element实现全局loading过程详解
Jul 10 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
PHP中static关键字原理的学习研究分析
2011/07/18 PHP
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
请离开include_once和require_once
2013/07/18 PHP
PHP实现的策略模式示例
2019/03/20 PHP
PHP中的self关键字详解
2019/06/23 PHP
fromCharCode和charCodeAt 方法
2006/12/27 Javascript
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
jQuery实现可展开合拢的手风琴面板菜单
2015/09/15 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
Python 条件判断的缩写方法
2008/09/06 Python
python中logging包的使用总结
2018/02/28 Python
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
python中正则表达式 re.findall 用法
2018/10/23 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
大三在校生电子商务求职信
2013/10/29 职场文书
初中生自我评价
2014/02/01 职场文书
大学生求职意向书
2015/05/11 职场文书
运动会新闻报道稿
2015/07/22 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
解决numpy数组互换两行及赋值的问题
2021/04/17 Python
图文详解Nginx版本平滑升级方案
2021/09/15 Servers