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


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的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
javascript 日期时间函数(经典+完善+实用)
May 27 Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 Javascript
分享十五个最佳jQuery 幻灯插件和教程
Mar 27 Javascript
jQuery.Autocomplete实现自动完成功能(详解)
Jul 13 Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
详解Javascript继承的实现
Mar 25 Javascript
jQuery动态移除和添加背景图片的方法详解
Mar 07 Javascript
详解vue配置后台接口方式
Mar 29 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
Sep 23 Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 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 静态化实现代码
2009/03/20 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
Laravel中validation验证 返回中文提示 全局设置的方法
2019/09/29 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
激活 ActiveX 控件
2006/10/09 Javascript
JavaScript 常用函数
2009/12/30 Javascript
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
Javascript读取cookie函数代码
2010/10/16 Javascript
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
详解AngularJS实现表单验证
2015/12/10 Javascript
悬浮广告方法日常收集整理
2016/03/18 Javascript
深入理解$.each和$(selector).each
2016/05/15 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
2016/06/22 Javascript
springMVC结合AjaxForm上传文件
2016/07/12 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
JS中使用gulp实现压缩文件及浏览器热加载功能
2017/07/12 Javascript
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
Python3.6简单的操作Mysql数据库的三个实例
2018/10/17 Python
Django实现微信小程序的登录验证功能并维护登录态
2019/07/04 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
Django-imagekit的使用详解
2020/07/06 Python
Django+RestFramework API接口及接口文档并返回json数据操作
2020/07/12 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
重阳节座谈会主持词
2015/07/03 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript