JS實現(xiàn)獲取漢字首字母拼音、全拼音及混拼音的方法
更新時間：2017年11月14日 14:27:27 作者：JazyWoo
這篇文章主要介紹了JS實現(xiàn)獲取漢字首字母拼音、全拼音及混拼音的方法,涉及針對ChinesePY.js插件的使用及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)獲取漢字首字母拼音、全拼音及混拼音的方法。分享給大家供大家參考，具體如下：
這里需要用到一個js獲取漢字拼音的插件，可點擊此處本站下載。
運行效果如下：
完整示例代碼：
<!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>
輸入內(nèi)容： <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>
PS：這里再為大家提供幾款本站拼音與字母相關(guān)工具供大家參考：
在線漢字轉(zhuǎn)換成拼音工具：
http://tools.jb51.net/transcoding/pinyin
在線字母大小寫轉(zhuǎn)換工具：
http://tools.jb51.net/transcoding/upper
在線拼音輸入法：
http://tools.jb51.net/transcoding/zxpinyin
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript查找算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript編碼操作技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了js判斷上傳文件后綴名是否合法的具體方法，以一個完整實例分析了javascript判斷上傳文件后綴名是否合法的方法，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要給大家介紹了關(guān)于WPS的JS宏操作方法總結(jié)的相關(guān)資料,WPS是一款常用的辦公軟件,其中的JS宏功能可以幫助用戶實現(xiàn)自動化操作和批量處理等需求,需要的朋友可以參考下2023-09-09
這篇文章主要給大家介紹了關(guān)于js數(shù)組去重九種方式以及詳解的相關(guān)資料,js數(shù)組去重是比較常見的數(shù)組操作方式之一,文中介紹了九種方法,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了瀏覽器緩存和webpack緩存配置,瀏覽器緩存分為兩種類型，強緩存和協(xié)商緩存，具體內(nèi)容詳情大家參考下本文2018-07-07
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)注冊界面表單校驗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
淺談Javascript鼠標(biāo)和滾輪事件,鼠標(biāo)事件也許是web頁面當(dāng)中最常用到的事件，因為鼠標(biāo)是最常用的導(dǎo)航設(shè)備2012-06-06
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)Fly Bird小游戲的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要為大家分享了一個非常實用的js驗證框架實現(xiàn)源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
如果AJAX加載的數(shù)據(jù)是一個HTML片段，而且這個HTML片段還包含腳本<script>塊，那么在你把這數(shù)據(jù)xmlHttp.responseText用innerHTML方法插入到當(dāng)前文檔一個元素中，你會發(fā)現(xiàn)AJAX加載回來的腳本根本沒有執(zhí)行。2010-01-01
canvas壓縮圖片轉(zhuǎn)換成base64格式輸出文件流
本文主要介紹了canvas壓縮圖片轉(zhuǎn)換成base64格式輸出文件流的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03