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


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中的变量是传值还是传址的?
Apr 19 Javascript
jquery 学习之二 属性相关
Nov 23 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
AngularJS基础学习笔记之表达式
May 10 Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 Javascript
Iscrool下拉刷新功能实现方法(推荐)
Jun 26 Javascript
详解JavaScript按概率随机生成事件
Aug 02 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
Jul 27 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 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乱码问题
2012/03/25 PHP
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
用jQuery实现检测浏览器及版本的脚本代码
2008/01/22 Javascript
Javascript 阻止javascript事件冒泡,获取控件ID值
2009/06/27 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
轻量级网页遮罩层jQuery插件用法实例
2015/07/31 Javascript
Node.js巧妙实现Web应用代码热更新
2015/10/22 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
vue小白入门教程
2018/04/02 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
2019/04/17 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
JavaScript 中的六种循环方法
2021/01/06 Javascript
动态创建类实例代码
2009/10/07 Python
Python使用Socket(Https)Post登录百度的实现代码
2012/05/18 Python
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
python爬取亚马逊书籍信息代码分享
2017/12/09 Python
Python实现子类调用父类的初始化实例
2020/03/12 Python
python else语句在循环中的运用详解
2020/07/06 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
自我评价怎么写好呢?
2013/12/05 职场文书
三年级数学教学反思
2014/01/31 职场文书
市场开发与营销专业求职信范文
2014/05/01 职场文书
个人安全生产承诺书
2014/05/22 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
高三英语教学计划
2015/01/23 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
nginx配置之并发频次限制
2022/04/18 Servers