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


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 题型问答有答案参考
Feb 17 Javascript
IE event.srcElement和FF event.target 功能比较
Mar 01 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
js获取ajax返回值代码
Apr 30 Javascript
JavaScript实现的圆形浮动标签云效果实例
Aug 06 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
vue实现单选和多选功能
Aug 11 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
Sep 02 Javascript
详解uniapp的全局变量实现方式
Jan 11 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/06/07 PHP
深入PHP许愿墙模块功能分析
2013/06/25 PHP
PHP导出Excel实例讲解
2016/01/24 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
2016/03/17 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
2019/10/18 PHP
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
vue路由守卫+登录态管理实例分析
2019/05/21 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
node.js express捕获全局异常的三种方法实例分析
2019/12/27 Javascript
原生JS实现京东查看商品点击放大
2020/12/21 Javascript
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
python访问sqlserver示例
2014/02/10 Python
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python编码类型转换方法详解
2016/07/01 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
利用Tensorboard绘制网络识别准确率和loss曲线实例
2020/02/15 Python
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
一封普通求职者的求职信
2013/11/20 职场文书
生日邀请函范文
2014/01/13 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
聚美优品陈欧广告词
2014/03/14 职场文书
文化建设工作方案
2014/05/12 职场文书
婚礼秀策划方案
2014/05/19 职场文书
MySQL慢查询优化解决问题
2022/03/17 MySQL
10大幻兽系恶魔果实 蝙蝠果实上榜,第一自愈能力强
2022/03/18 日漫