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


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 相关文章推荐
IE event.srcElement和FF event.target 功能比较
Mar 01 Javascript
多浏览器支持的右下角浮动窗口
Apr 01 Javascript
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
JavaScript模拟重力状态下抛物运动的方法
Mar 03 Javascript
javascript实现复选框选中属性
Mar 25 Javascript
JavaScript实现图片自动加载的瀑布流效果
Apr 11 Javascript
一个简单不报错的summernote 图片上传案例
Jul 11 Javascript
JS实现直接运行html代码的方法
Mar 13 Javascript
JS中Map和ForEach的区别
Feb 05 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
Aug 10 Javascript
Vue中使用wangeditor富文本编辑的问题
Feb 07 Vue.js
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语法(1)
2006/10/09 PHP
PHP遍历数组的几种方法
2012/03/22 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
Javascript hasOwnProperty 方法 & in 关键字
2008/11/26 Javascript
javascript实现日历控件(年月日关闭按钮)
2012/12/12 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
windows8.1+iis8.5下安装node.js开发环境
2014/12/12 Javascript
使用js画图之画切线
2015/01/12 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
2015/02/26 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
JavaScript数据结构之单链表和循环链表
2017/11/28 Javascript
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
python3+PyQt5自定义视图详解
2018/04/24 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
python中嵌套函数的实操步骤
2019/02/27 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
用openCV和Python 实现图片对比,并标识出不同点的方式
2019/12/19 Python
Python常用编译器原理及特点解析
2020/03/23 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
Python基础教程(一)——Windows搭建开发Python开发环境
2020/07/20 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
python归并排序算法过程实例讲解
2020/11/04 Python
罗马尼亚购物网站:Vivantis.ro
2019/07/20 全球购物
小区门卫值班制度
2014/01/24 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
保研推荐信
2014/05/09 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
职称评定个人总结
2015/03/05 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android