JS實現區分中英文并統計字符個數的方法示例

2019-11-19 13:40:30

字體：大中小

來源：轉載

供稿：網友

本文實例講述了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.VeVB.COm/code/HtmlJsRun測試后運行結果如下：