JS获取中文拼音

首先需下载js,然后直接引入即可:https://download.csdn.net/download/hon_vin/11829986

<!DOCTYPE HTML>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="pinyinUtil.js"></script>
  </head>
  <body style="font-size:12px">
    <form>
      输入内容: <input type="text" onkeyup="pym.innerHTML = Pinyin.GetJP(this.value);allpym.innerHTML=Pinyin.GetQP(this.value);
        staffpym.innerHTML=Pinyin.GetHP(this.value);" /> <br /><br />
      拼 音 码: <span id="pym"></span><br /><br />
      拼音全码: <span id="allpym"></span><br /><br />
      混 拼 码: <span id="staffpym"></span>
    </form>
  </body>
</html>

获取首字母简拼:Pinyin.GetJP(str);
获取全拼:Pinyin.GetQP(str);
获取混拼:Pinyin.GetHP(str);

效果图