ホームページ > 記事 > ウェブフロントエンド > 漢字の頭文字のピンイン、完全ピンイン、混合ピンインを取得するJS実装方法

漢字の頭文字のピンイン、完全ピンイン、混合ピンインを取得するJS実装方法

小云云オリジナル: 2018-01-19 10:56:453812ブラウズ

この記事では、中国語の最初の文字のピンイン、完全なピンイン、および混合ピンインを取得する JS 方法を主に紹介します。これには、 ChinesePY.js プラグインの使用と、イベント応答関連の操作スキルが含まれます。それが皆さんのお役に立てれば幸いです。

ここでは、中国語の文字のピンインを取得するために js プラグインを使用する必要があります。ここをクリックして、この Web サイトからダウンロードできます。

実行時の効果は次のとおりです:

完全なサンプルコード:

<!DOCTYPE HTML>
<html>
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="ChinesePY.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>

漢字の頭文字のピンイン、完全ピンイン、混合ピンインを取得するJS実装方法

関連記事