[轉(zhuǎn)帖]js如何簡(jiǎn)單實(shí)現(xiàn)漢字轉(zhuǎn)成拼音的功能
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
 ：js如何簡(jiǎn)單實(shí)現(xiàn)漢字轉(zhuǎn)成拼音的功能 1、首先引入兩個(gè)文件 <script src="jquery.min.js"></script> <script src="Convert_Pinyin.js"></script> 2、html設(shè)計(jì)
<body> <div> 輸入名稱(chēng)：<input type="text" id="chinaName" onBlur="ConvertName()" /> <br/> 全寫(xiě)拼音：<input type="text" id="fullName" /> <br/> 簡(jiǎn)寫(xiě)拼音：<input type="text" id="easyName" /> <br/> </div> </body>
3、js方法 <script> var ConvertName = function(){ var chinaName = $('#chinaName').val(); //獲取全寫(xiě)拼音（調(diào)用js中方法） var fullName = pinyin.getFullChars(chinaName); //獲取簡(jiǎn)寫(xiě)拼音（調(diào)用js中方法） var easyName = pinyin.getCamelChars(chinaName); //給兩個(gè)文本框賦值 $('#fullName').val(fullName); $('#easyName').val(easyName); } </script>
4、實(shí)現(xiàn)效果
5、整體demo <!doctype html> <html> <head> <meta charset="utf-8"> <title>如何實(shí)現(xiàn)漢字轉(zhuǎn)拼音功能</title> </head> <script src="jquery.min.js"></script> <script src="Convert_Pinyin.js"></script> <script> var ConvertName = function(){ var chinaName = $('#chinaName').val(); //獲取全寫(xiě)拼音（調(diào)用js中方法） var fullName = pinyin.getFullChars(chinaName); //獲取簡(jiǎn)寫(xiě)拼音（調(diào)用js中方法） var easyName = pinyin.getCamelChars(chinaName); //給兩個(gè)文本框賦值 $('#fullName').val(fullName); $('#easyName').val(easyName); }
</script> <body> <div> 輸入名稱(chēng)：<input type="text" id="chinaName" onBlur="ConvertName()" /> <br/> 全寫(xiě)拼音：<input type="text" id="fullName" /> <br/> 簡(jiǎn)寫(xiě)拼音：<input type="text" id="easyName" /> <br/> </div> </body> </html> 6、漢字轉(zhuǎn)拼音js下載路徑： 鏈接：https://pan.baidu.com/s/1NZ4noIgHv2HSzZW6yBRTxA 密碼：2kv1 該文章在 2023/6/6 8:38:59 編輯過(guò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... 
|
400 186 1886
