1. 首先引入js文件
<script src="Convert_Pinyin.js"></script>
  1. 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>
  1. 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>
  1. 实现效果图
  2. Convert_Pinyin.js文件地址
    链接: https://pan.baidu.com/s/1xSIWf7COotK0XHctDsEZsg
    提取码: han7

jQuery 汉字转拼音相关推荐

  1. 剖析根据汉字转拼音的JQuery插件源码

    前言 最近需要写一个带右侧索引的通讯录(移动端)页面,既然看到了通讯录,那么自然首先必须的解决汉字转拼音问题(不然不好做分类排序),看网上有一个现成的插件,也就懒得自己写了.这里拿出来给大家聊一聊下他 ...

  2. javascript 生成汉字和拼音对照

    最近有个小需求,需要把文章的内容显示出来并生成拼音的对照,原计划用PHP实现,但想想,有js的话,直接前端实现更理想,但不管如何,肯定得大量堆div或span的,于是就有了以下的代码,显示效果如下: ...

  3. js汉字转拼音首字母

    转载自:https://funteas.com/topic/5acb6bff7be5304e6850cffa 一.实现功能 汉字转拼音首字母 二.业务场景 在写即时通讯时必然要做通讯录(联系人列表), ...

  4. js vue汉字转拼音或拼音首字母

    第一种 html <!DOCTYPE html> <html><head><meta charset="UTF-8"><tit ...

  5. mysql中的汉字怎么转换_Mysql中文汉字转拼音的实现(每个汉字转换全拼)

    一.创建拼音对照表 代码如下: -- 创建汉字拼音对照临时表 CREATE TABLE IF NOT EXISTS `t_base_pinyin` ( `pin_yin_` varchar(255) ...

  6. Java pinyin4j 汉字转拼音包括——多音字

    Java汉字转拼音(包括多音字) 有个需求需要把汉字转拼音,我的小伙伴推荐用Unicode官方的包:下载有些慢. 实际中用了Java工具包:pinyin4j解决 可以转汉字,多音字,多音字的地方要求不 ...

  7. mysql汉字转拼音函数

    -- 创建汉字拼音对照临时表 CREATE TABLE IF NOT EXISTS `t_base_pinyin` (`pin_yin_` varchar(255) CHARACTER SET gbk ...

  8. 昵称到拼音php,php 汉字转换拼音程序_PHP教程

    php 汉字转换拼音程序 $p=ord(substr($str,$i,1)); if($p>160){ $q=ord(substr($str,++$i,1)); $p=$p*256+$q-655 ...

  9. 文件名批量汉字转拼音+核磁共振影像数据处理

    文件名批量汉字转拼音+核磁共振影像数据处理 讲解视频内容请移步Bilibili: https://space.bilibili.com/542601735 入群讨论请加v hochzeitstorte ...

最新文章

  1. day16_ajax学习笔记
  2. opencv-python图像处理之让你的照片变旧
  3. 剑指offer试题(PHP篇一)
  4. python 外部程序 交互_使用Python与其他程序交互
  5. 传递情感贺卡海报,你知道怎么设计么?让设计更简单,从临摹PSD模板开始
  6. 模板设计在tomcat中的应用
  7. MATLAB R2016a 简单介绍
  8. 基于python的车牌识别系统设计与实现
  9. 原生JavaScript + Canvas实现图片局部放大器
  10. 6.1.6 日志压缩
  11. 一文学会「内存映射」
  12. Python代码对接抖音去水印提取API接口、TikTok去水印解析接口的源码
  13. 字符谜题之1:最后的笑声(之所以说是最后的笑声,是因为输出两个Ha,第二个出问题)
  14. linux磁盘写保护怎么修改_linux 文件、目录写保护
  15. 如何在水平线中间添加文字
  16. Windows 小工具软件:截屏,录音,音频转换
  17. 3D产品展示程序-古董
  18. node.js毕业设计安卓英语学习app(程序+APP+LW)
  19. 负载测试中极限负载_负载测试准则
  20. MySql数据库练习01

热门文章

  1. 推荐几款可以直接在手机上编程的app(包含Java、C、Python等)
  2. 国医中药,人参神秘而又独特的地位
  3. html5动态加载图片和加载视频
  4. 内外墙乳胶漆颜色怎么搭配,内外墙品牌涂料如何选购?
  5. 一部手机全搞定,抖音发工资了,一共2千多,方法人人可以用
  6. C#获取汉字拼音或首字母
  7. Matlab:查找命令行窗口或历史记录中的文本
  8. 生产者消费者1.0(wait notify)
  9. 机器学习基石(林軒田)笔记之十三
  10. android 照片特效,Android使用Gallery实现照片拖动的特效