JS实现获取汉字首字母拼音、全拼音及混拼音的方法
更新时间：2017年11月14日 14:27:27 作者：JazyWoo
这篇文章主要介绍了JS实现获取汉字首字母拼音、全拼音及混拼音的方法,涉及针对ChinesePY.js插件的使用及事件响应相关操作技巧,需要的朋友可以参考下
本文实例讲述了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>
PS：这里再为大家提供几款本站拼音与字母相关工具供大家参考：
在线汉字转换成拼音工具：
http://tools.jb51.net/transcoding/pinyin
在线字母大小写转换工具：
http://tools.jb51.net/transcoding/upper
在线拼音输入法：
http://tools.jb51.net/transcoding/zxpinyin
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript查找算法技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript编码操作技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了JS实现的另类手风琴效果网页内容切换代码,通过JavaScript响应鼠标事件动态操作页面元素样式属性实现手风琴效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
其中对于IE的检测很有意思。 以上代码，整理自Extjs的脚本，完全可以代替 Ext.onReady使用。2009-07-07
这篇文章主要是对常用的JavaScript验证正则表达式进行了详细的汇总介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
本文给大家分享使用js和css3制作的炫酷弹窗效果，整个背景模糊，要比纯色加透明度高大上好多。对js弹窗效果感兴趣的朋友一起学习吧2016-11-11
这篇文章主要介绍了JavaScript中的深浅拷贝，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-09-09
这篇文章主要介绍了javascript面向对象程序设计，分享给大家一段代码，注释里讲解的非常详细，有助于我们理解面向对象，这里推荐给大家。2015-01-01
在项目开发中,当页面请求接口时,组件局部或者页面全局显示loading加载遮罩可谓是司空见惯了,下面来讨论一下如何优雅的使用loading状态,文中通过代码示例介绍的非常详细,需要的朋友可以参考下2024-09-09
本文与大家分享个js实现倒计时的代码，主要实现功能距离结束还有多少时间，感兴趣的朋友可以参考下，希望对大家学习js有所帮助2013-07-07
本篇文章主要是对js/jquery解析json和数组格式的方法进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
数组去重复是一个常见的需求，我们暂时考虑同类型的数组去重复。主要是理清思路和考虑下性能。以下方法，网上基本都有，这里只是简单地总结一下。2015-04-04
最新评论