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


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 AutoScroller 函数类
May 29 Javascript
Javascript面象对象成员、共享成员变量实验
Nov 19 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 Javascript
AngularJS中的Directive实现延迟加载
Jan 25 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
webpack打包react项目的实现方法
Jun 21 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
Dec 05 Javascript
浅谈Angular7 项目开发总结
Dec 19 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 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动态生成JavaScript代码
2009/03/09 PHP
用mysql_fetch_array()获取当前行数据的方法详解
2013/06/05 PHP
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
PHP代码优化的53个细节
2014/03/03 PHP
PHP中substr()与explode()函数用法分析
2014/11/24 PHP
微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法
2016/01/12 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
我遇到的参数传递中 双引号单引号嵌套问题
2010/02/11 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
JS案例分享之金额小写转大写
2014/05/15 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
图解js图片轮播效果
2015/12/20 Javascript
浅述节点的创建及常见功能的实现
2016/12/15 Javascript
jQuery表格(Table)基本操作实例分析
2017/03/10 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
2019/01/16 Javascript
快速了解Python中的装饰器
2018/01/11 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
python如何通过闭包实现计算器的功能
2020/02/22 Python
Python greenlet和gevent使用代码示例解析
2020/04/01 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
python 模拟登陆github的示例
2020/12/04 Python
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
英文版银行求职信
2013/10/09 职场文书
2014年政工师工作总结
2014/12/18 职场文书
新闻报道稿范文
2015/07/23 职场文书
清明扫墓感想
2015/08/11 职场文书
Python matplotlib 利用随机函数生成变化图形
2022/04/26 Python
Java+swing实现抖音上的表白程序详解
2022/06/25 Java/Android