JS获取汉字首字母拼音、全拼音及混拼音实现方法

小云云 原创: 2018-01-19 10:56:45 3274浏览

本文主要介绍了JS实现获取汉字首字母拼音、全拼音及混拼音的方法,涉及针对ChinesePY.js插件的使用及事件响应相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。

这里需要用到一个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>
      输入内容： <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>

相关推荐：

实例详解PHP如何将汉字转成拼音

jQuery实现QQ空间汉字转拼音功能实例分享

JS实现获取各种拼音类型的方法

以上就是JS获取汉字首字母拼音、全拼音及混拼音实现方法的详细内容，更多请关注php中文网其它相关文章！

javascript 拼音字母 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：cordova入门基础教程下一条：JS中图片压缩实现方法