本文实例讲述了JS实现区分中英文并统计字符个数的方法。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html>
<head>
<meta charset=\"utf-8\">
<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">
<title>js区分中英文统计字符个数</title>
<meta name=\"description\" content=\"\">
<meta name=\"keywords\" content=\"\">
<link href=\"\" rel=\" rel=\"external nofollow\" stylesheet\">
</head>
<body>
<input type=\"text\" value=\"\" id=\"str\"><span id=\"showcontent\"></span><!-- 此处原来使用的label标签，但是设置其innerHTML的值在ie8上报错，故换为span标签 -->
<script type=\"text/javascript\">
var countnums=(function(){
var trim=function(strings){
return (strings||\"\").replace(/^(\\s|\\u00A0)+|(\\s|\\u00A0)+$/g,\"\");//+表示匹配一次或多次，|表示或者，\\s和\\u00A0匹配空白字符，/^以……开头，$以……结尾，/g全局匹配,/i忽略大小写
}
return function(_str){
_str=trim(_str); //去除字符串的左右两边空格
var strlength=_str.length;
if(!strlength){ //如果字符串长度为零，返回零
return 0;
}
var chinese=_str.match(/[\\u4e00-\\u9fa5]/g); //匹配中文，match返回包含中文的数组
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>
使用在线HTML/CSS/JavaScript代码运行工具 http://tools.freexyz.cn/code/HtmlJsRun测试后运行结果如下：
PS：这里再为大家推荐两款相关在线工具供大家参考：
字数统计工具：
http://tools.freexyz.cn/code/zishutongji
在线字符统计与编辑工具：
http://tools.freexyz.cn/code/char_tongji
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
© 版权声明
THE END
暂无评论内容