鸡肋功能2————将汉字转化为拼音（带声调）

最新推荐文章于 2026-05-14 10:22:22 发布

原创最新推荐文章于 2026-05-14 10:22:22 发布 · 763 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

css+js

这篇博客介绍如何将汉字转化为拼音并带有声调，主要依赖于特定的JavaScript插件，包括pinyin_dict_withtone.js和pinyinUtil.js。通过调用getPinyin方法，可以实现在输入汉字时自动转换成带声调的拼音。

根据上一篇博客，继续是实现下一个功能，将汉字转化为拼音，要带声调。

需要用到的插件：https://download.csdn.net/download/impossible1994727/12628685

根据项目需求引入自己需要的js，我这里用了pinyin_dict_withtone.js和pinyinUtil.js。

抽离出自己需要的方法如下：

function getPinyin(value) {
	    // var value = document.getElementById('test').value;
	    // var type = document.querySelector('[name="pinyin_type"]:checked').value;
        // var polyphone = document.querySelector('[name="polyphone"]').checked;
        var type = '0', polyphone = true;
	    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;
	        }
	    }
        $('.pinyin').text('拼音：'+result)
	}

每次更换汉字的时候执行getPinyin（当前汉字）这个方法即可。