jQuery 汉字转拼音

扰乱浮尘

于 2021-04-12 17:09:16 发布

阅读量1.3k

点赞数

分类专栏： js+html 文章标签： jquery html

本文链接：https://blog.csdn.net/q_2540638774/article/details/115630018

版权

js+html 专栏收录该内容

20 篇文章 3 订阅

订阅专栏

首先引入js文件

<script src="Convert_Pinyin.js"></script>

HTML代码

 <body>
        <div>         
             输入名称：<input type="text" id="chinaName"  onBlur="ConvertName()" />  <br/>  
             全写拼音：<input type="text" id="fullName" /> <br/> 
             简写拼音：<input type="text" id="easyName" /> <br/> 
        </div>    
 </body>

js方法

<script>
       var ConvertName = function(){    
            var chinaName = $('#chinaName').val();    
            //获取全写拼音（调用js中方法）        
            var fullName = pinyin.getFullChars(chinaName);
            //获取简写拼音（调用js中方法）
            var easyName = pinyin.getCamelChars(chinaName);    
            //给两个文本框赋值    
            $('#fullName').val(fullName);
            $('#easyName').val(easyName);
       }
</script>

实现效果图
Convert_Pinyin.js文件地址
链接: https://pan.baidu.com/s/1xSIWf7COotK0XHctDsEZsg
提取码: han7

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

扰乱浮尘

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jQuery 汉字转拼音

首先引入js文件<script src="Convert_Pinyin.js"></script>HTML代码 <body> <div> 输入名称：<input type="text" id="chinaName" onBlur="ConvertName()" /> <br/> 全写拼音：<input type="text.
复制链接

扫一扫