コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 漢字の頭文字のピンイン、完全ピンイン、混合ピンインを取得するJS実装方法

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

小云云
リリース： 2018-01-19 10:56:45
オリジナル
3832 人が閲覧しました

この記事では、中国語の最初の文字のピンイン、完全なピンイン、および混合ピンインを取得する 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>
ログイン後にコピー

関連推奨事項:


PHP が中国語の文字をピンインに変換する方法の詳細な説明の例

の jQuery 実装QQスペース 漢字→ピンイン関数の例 Share

各種ピンインを取得するメソッドのJS実装

以上が漢字の頭文字のピンイン、完全ピンイン、混合ピンインを取得するJS実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
javascript 手紙 ピンイン
ソース：php.cn
前の記事：Cordova を使い始めるための基本チュートリアル 次の記事：JSで画像圧縮を実装する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
から 2024-04-06 12:53:11
0
1
376
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート