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


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 清空form表单中某种元素的值
Dec 26 Javascript
JavaScript编程中window的location与history对象详解
Oct 26 Javascript
JavaScript识别网页关键字并进行描红的方法
Nov 09 Javascript
JS正则表达式比较常见用法
Jan 26 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
Angular表格神器ui-grid应用详解
Sep 29 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
Nov 08 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
Dec 03 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 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 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
PHP连接MSSQL2008/2005数据库(SQLSRV)配置实例
2014/10/22 PHP
php中filter_input函数用法分析
2014/11/15 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
2019/10/16 PHP
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
Javascript合并表格中具有相同内容单元格示例
2013/08/11 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
Javascript HTML5 Canvas实现的一个画板
2020/04/12 Javascript
如何制作幻灯片(代码分享)
2017/01/06 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
jQuery实现图片下载代码
2019/07/18 jQuery
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
[03:02]2014DOTA2西雅图邀请赛 让队员自己告诉你DK NAVI备战情况
2014/07/08 DOTA
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
Pyqt5自适应布局实例
2019/12/13 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
解决Keras中CNN输入维度报错问题
2020/06/29 Python
使用CSS3来制作消息提醒框
2015/07/12 HTML / CSS
加拿大在线隐形眼镜和眼镜店:VisionPros
2019/10/06 全球购物
生物专业个人自荐信范文
2013/11/29 职场文书
便利店的创业计划书
2014/01/15 职场文书
党员组织关系介绍信
2014/02/13 职场文书
社区志愿者活动方案
2014/08/18 职场文书
励志演讲稿大全
2014/08/21 职场文书
仲裁协议书
2014/09/26 职场文书
干部作风建设工作总结
2014/10/29 职场文书
2015年南京大屠杀纪念日活动总结
2015/03/24 职场文书
咖啡厅里的创业计划书
2019/08/21 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python