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


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 相关文章推荐
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
js浮点数保留两位小数点示例代码(四舍五入)
Dec 26 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
对js关键字命名的疑问介绍
Apr 25 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
理解JavaScript表单的基础知识
Jan 25 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
May 13 Javascript
javascript实现点击按钮切换轮播图功能
Sep 23 Javascript
VUE Elemen-ui之穿梭框使用方法详解
Jan 19 Javascript
Vue过滤器(filter)实现及应用场景详解
Jun 15 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
日本因肺炎疫情影响,这几部动漫推延播放!
2020/03/03 日漫
PHP echo,print,printf,sprintf函数之间的区别与用法详解
2013/11/27 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
php实现在限定区域里自动调整字体大小的类实例
2015/04/02 PHP
PHP中curl_setopt函数用法实例分析
2015/04/16 PHP
PHP实现简单ajax Loading加载功能示例
2016/12/28 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
jquery写个checkbox——类似邮箱全选功能
2013/03/19 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
html5+javascript制作简易画板附图
2014/04/25 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
jQuery Easyui 下拉树组件combotree
2016/12/16 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
2017/04/13 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
在Vue项目中用fullcalendar制作日程表的示例代码
2019/08/04 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
python实现爬虫下载美女图片
2015/07/14 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
Python使用socketServer包搭建简易服务器过程详解
2020/06/12 Python
XML文档面试题
2015/08/05 面试题
中学生学习生活的自我评价
2013/10/26 职场文书
文秘个人求职信范文
2014/04/22 职场文书
商铺消防安全责任书
2014/07/29 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书
委托书如何写
2014/08/30 职场文书
银行授权委托书样本
2014/10/13 职场文书
2015年办税服务厅工作总结
2015/07/23 职场文书
我的收音机情缘
2022/04/05 无线电
Golang入门之计时器
2022/05/04 Golang