区分中英文字符个数统计代码实例

快乐打工仔 分类:实例代码

一个英文字符占一个字节,那么我们可以认为它占长度为1,一个汉字字符占两个字节,它占长度为2。

下面就分享一段代码实例,它能够统计字符串的长度,并且能够区分中英文。

代码实例如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
</head>  
<body>  
<input type="text" value="" id="str"><span id="showcontent"></span>
<script type="text/javascript">  
var countnums = (function() {
  var trim = function(strings) {
    return (strings || "").replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g, "");
  }
  return function(_str) {
    var strlength = _str.length;
    if (!strlength) {
      return 0;
    }
    var chinese = _str.match(/[\u4e00-\u9fa5]/g);
    return strlength + (chinese ? chinese.length : 0);
 
  }
})();
 
function count(tThis) {
  var charnum = countnums(tThis.value)
  var showid = document.getElementById("showcontent");
  showid.innerHTML = "您总共输入了" + charnum + "个字符";
 
}
window.onload = function() {
  var str = document.getElementById("str");
  str.onkeypress = function() {
    count(this);
  }
  str.onkeyup = function() {
    count(this);
  }
}
</script>  
</body>  
</html>

区分中英文字符个数统计代码实例,这样的场景在实际项目中还是用的比较多的,关于区分中英文字符个数统计代码实例就介绍到这了。

区分中英文字符个数统计代码实例属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容