js如何简单实现汉字转成拼音的功能

1、首先引入两个文件

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

2、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>

3、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>

4、实现效果

5、整体demo

<!doctype html>
<html><head><meta charset="utf-8"><title>如何实现汉字转拼音功能</title></head><script src="jquery.min.js"></script><script src="Convert_Pinyin.js"></script><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><body><div>         输入名称:<input type="text" id="chinaName"  onBlur="ConvertName()" />  <br/>  全写拼音:<input type="text" id="fullName" /> <br/> 简写拼音:<input type="text" id="easyName" /> <br/> </div>    </body>
</html>

6、汉字转拼音js下载路径:

链接:https://pan.baidu.com/s/1eHuPaZURuTW7XFb3VcSsWA 密码:7xzt

js实现汉字转成拼音相关推荐

  1. js把汉字转换成拼音

    2019独角兽企业重金招聘Python工程师标准>>> 1)一个是将汉字翻译为拼音,其中每一个字的首字母大写: pinyin.getFullChars(this.value); 2) ...

  2. js 如何将汉字转换成拼音

    js 如何将汉字转换成拼音 有多种方法,你可以使用插件,pinyin.js,访问地址:请移步 pinyin.js链接 demo下载地址:http://download.csdn.net/detail/ ...

  3. Android 实现ListView的A-Z字母排序和过滤搜索功能,实现汉字转成拼音

    转载请注明出处:http://blog.csdn.net/xiaanming/article/details/12684155 前段时间因为换工作的缘故又恰巧碰到国庆节,所以有段时间自己没有更新博客了 ...

  4. hive 转拼音udf_自定义UDF函数:将汉字转换成拼音

    工作需求要讲汉字转换成拼音,自定义UDF函数 import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin4j ...

  5. 探索使用JAVA将汉字解析成拼音

    最近在做城市选择器的时候,有一个需求是需要把汉字转化成拼音,然后根据首字母进行列表排列,做网上找到了一份可用的源码,现在对其内部的原理进行解析,其中还有一两个点没完全理解,但是不妨碍对整体的理解,如果 ...

  6. 拼音转换成汉字html,汉字转成拼音-用HTML实现

    <汉字转成拼音-用HTML实现>由会员分享,可在线阅读,更多相关<汉字转成拼音-用HTML实现(14页珍藏版)>请在金锄头文库上搜索. 1.近日,买了一台新电脑,终于把 CM1 ...

  7. java传递汉字翻译为英文_java写的能将汉字翻译成拼音的类

    /** *//** ############################################################################# # DESCRIBE 将 ...

  8. Python 汉字转化成拼音

    Python 把汉字转化成拼音 每个汉字对于一个编码,通过查找编码可以把汉字转换成拼音,汉字编码文件可以在网上下载(unicode_pinyin.txt). def chinese_to_pinyin ...

  9. C#下汉字转换成拼音

    因为一个开发需求需要把汉字转换成拼音,没想到还真的可以! 找了一个类,是别人整理的,默认情况下第一个字母是大写的.我这边需要都是小写的,可以按照自己情况进行实际的需求进行修改,比如有些时候只要首字母就 ...

最新文章

  1. 学术干货:看清华教授如何将深度学习引入音频信号处理
  2. 天河二号 服务器 操作系统,天河二号云服务器
  3. OpenCv霍夫变换与RANSAC检测圆形
  4. c++类与类的聚合(Aggregation)关系
  5. 免费下载 | 超级APP背后的移动端技术大揭秘
  6. 2019西电网安实验班选拔考试
  7. oracle,如何查看视图结构,获得视图中的字段名称、字段类型、字段长度等。...
  8. 7个使用JavaScript构建数据可视化的实用工具库,希望你能喜欢
  9. mysql hibernate 分页查询_Hibernate如何实现分页查询
  10. navicat12.0.26 激活
  11. msdtc与oracle,如何解决在Win2003的Oracle链接服务器上MSDTC事务失败问题
  12. 基于51单片机+LD3320语音模块+SYN6288语音合成——语音识别智能分类垃圾桶
  13. 虚拟打印机 服务器,PdfFactory(虚拟打印机)
  14. python百度爬虫_Python爬虫 - 简单抓取百度指数
  15. C#Directory常用方法
  16. 记一次瞬时网络挂起和XMLHttpRequest: 网络错误 0x2eff
  17. k8s集群Canal的网络控制
  18. wp-bugku-秋名山老司机
  19. 指针及其应用4——结构体指针
  20. python中bind的用法_Python socket.bind方法代码示例

热门文章

  1. Nice Songs
  2. FTP服务器文件的批量下载
  3. 关于使用Kmeans函数RuntimeWarning: Explicit initial center position passed: performing only one init in KMe
  4. 根本原因分析(RCA)
  5. 虚拟机 host-only网络配置
  6. Ambarella : 一家伟大的视频压缩处理芯片厂商
  7. C语言计算日期间隔天数的经典算法解析
  8. Unity 引擎开始从 Mono 迁移到 .NET CoreCLR
  9. Thingworx自定义扩展开发(二)- Widget Demo Coding
  10. 大比分领先!ACCV 2022 国际细粒度图像分析挑战赛冠军方案