利用别人写的汉字转拼音代码自己改一下弄了个小工具

糖钰嘞

已于 2023-04-23 16:36:05 修改

阅读量107

点赞数

文章标签： javascript html 前端

于 2023-04-23 16:31:14 首次发布

本文链接：https://blog.csdn.net/tangyushiwo/article/details/130324591

版权

js如何简单实现汉字转成拼音的功能_js汉字转拼音_高先生的猫的博客-CSDN博客

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>汉字转拼音功能</title>
    </head>
    <script src="js/jquery-3.4.0.min.js"></script>
    <script src="js/Convert_Pinyin.js"></script>
    <script>
        var ConvertName = function(){    
            var chinaName = $('#chinaName').val();    
            //获取全写拼音（调用js中方法）        
            var fullName = pinyin.getFullChars(chinaName);
            //获取简写拼音（调用js中方法）
            var easyName = pinyin.getCamelChars(chinaName);    
            
            //获取全小写拼音
            var fullName1 = fullName.toLowerCase();
            //获取全小写简拼
            var easyName1 = easyName.toLowerCase();
            //给个文本框赋值
            $('#fullName').val(fullName);
            $('#fullName1').val(fullName1);
            $('#easyName').val(easyName);
            $('#easyName1').val(easyName1);
        }
    </script>
    <body>
        <div>
            <textarea id="chinaName" onBlur="ConvertName()" cols =20 rows = 50 placeholder="请输入文字"></textarea> 
            <textarea id="fullName" cols =20 rows = 50 placeholder="首字母大写拼音" readonly= "true" ></textarea> 
            <textarea id="fullName1" cols =20 rows = 50 placeholder="全小写拼音" readonly= "true"></textarea> 
            <textarea id="easyName" cols =20 rows = 50 placeholder ="简大写拼音" readonly= "true"></textarea>
            <textarea id="easyName1" cols =20 rows = 50 placeholder ="简小写拼音" readonly= "true"></textarea>
        <div>
    </body>
</html>

主要把文本做成了多行文本框，以保证转换的结果可以是多行的