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


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文本框高亮显示插件代码
Apr 02 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
jquery中each循环的简单回滚操作
May 05 jQuery
使用JS实现导航切换时高亮显示的示例讲解
Aug 22 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 Javascript
DWR内存兼容及无法调用问题解决方案
Oct 16 Javascript
mapboxgl实现带箭头轨迹线的代码
Jan 04 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下连接ftp实现文件的上传、下载、删除文件实例代码
2010/06/03 PHP
mysql_num_rows VS COUNT 效率问题分析
2011/04/23 PHP
ThinkPHP中关联查询实例
2014/12/02 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
PHP 图片处理
2020/09/16 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
基于jquery的网页SELECT下拉框美化代码
2010/10/28 Javascript
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
node.js中的fs.realpath方法使用说明
2014/12/16 Javascript
javascript自动恢复文本框点击清除后的默认文本
2016/01/12 Javascript
JS创建事件的三种方法(实例代码)
2016/05/12 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
微信jssdk踩坑之签名错误invalid signature
2020/05/19 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
Django应用程序中如何发送电子邮件详解
2017/02/04 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
对python中GUI,Label和Button的实例详解
2019/06/27 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
Python创建临时文件和文件夹
2020/08/05 Python
python unichr函数知识点总结
2020/12/16 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
英国山地公路自行车商店:Tweeks Cycles
2018/03/16 全球购物
经理管理专业自荐信范文
2013/12/31 职场文书
办公室主任岗位承诺书
2014/05/29 职场文书
遗嘱格式范本
2015/08/07 职场文书
学术会议开幕词
2016/03/03 职场文书
Python实现批量将文件复制到新的目录中再修改名称
2022/04/12 Python