js汉字转拼音代码
js汉字转拼音代码，js实现汉字转拼音教程如下：
输入汉字
实现结果：生成对应汉字的拼音
js实现代码如下：
/**
* @act 涓枃杞嫾闊�
* @version 1.0
* @author youngxj
* @date 2018-04-18
* @url http://www.youngxj.cn
*/
function getPinyin(){
var value = document.getElementById('textareaCode_zw').value;
var type = document.querySelector('[name="pinyin_type"]:checked').value;
var polyphone = document.querySelector('[name="polyphone"]').checked;
var result = '';
if(value)
{
switch(type)
{
case '0': result = pinyinUtil.getPinyin(value, ' ', true, polyphone); break;
case '1': result = pinyinUtil.getPinyin(value, ' ', false, polyphone); break;
case '2': result = pinyinUtil.getFirstLetter(value, polyphone); break;
default: break;
}
}
var html = result;
if(result instanceof Array)
{
html = '';
result.forEach(function(val)
{
html += ''+val+'\r\n';
});
html += '';
}
document.getElementById('textareaCode_py').innerHTML = html;
}
document.getElementById('textareaCode_zw').addEventListener('input', getPinyin);
document.getElementsByName('polyphone')[0].addEventListener('change', function(e)
{
getPinyin();
});
document.addEventListener('change', function(e)
{
if(e.target.name === 'pinyin_type')
{
getPinyin();
}
});
getPinyin();
var clipboard = new ClipboardJS('#copy');
clipboard.on('success',function(e){
e.clearSelection();
layer.msg('澶嶅埗鎴愬姛锛�');
});
clipboard.on('error',function(e){
e.clearSelection();
layer.msg('澶嶅埗澶辫触锛�');
});
$("#read").click(function() {
var voiceSrc = "https://tts.baidu.com/text2audio?lan=zh&pid=101&ie=UTF-8&text=" + urlEncode($("#textareaCode_zw").val()) + "&spd=4";
$("#voice").attr("src", voiceSrc);
$("#voice")[0].play();
});
// url缂栫爜
function urlEncode(str) {
return (encodeURIComponent(str).replace(/'/g, "%27").replace(/"/g, "%22"));
}
显示效果：汉字转拼音
参考文章：http://tishang.net/articles/1685611786.html
