区分中英文字符个数统计代码实例
分类：实例代码
一个英文字符占一个字节，那么我们可以认为它占长度为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>
区分中英文字符个数统计代码实例，这样的场景在实际项目中还是用的比较多的，关于区分中英文字符个数统计代码实例就介绍到这了。
区分中英文字符个数统计代码实例属于前端实例代码，有关更多实例代码大家可以查看。