javascript实现输入中文自动生成拼音


需求:输入中文,输入框失去焦点后自动生成全写拼音及简写拼音。

分享一款轻量级JS插件:Convert_Pinyin.js(文末可以下载)。

只需引入一个JS文件,然后调用对象里在JS方法函数即可,演示代码如下:

HTML代码

<script src="Convert_Pinyin.js"></script><!--插件引用-->
中文输入:<input id="keyword" type="text" onBlur="ConvertName()"/>
全写拼音:<input id="full" type="text" />
简写拼音:<input id="simply" type="text" />

Javascript代码

//原理:unicode码的处理
function ConvertName(){
  var keyword = document.getElementById('keyword').value;
  var full = pinyin.getFullChars(keyword); //获取全写拼音
  var simply = pinyin.getCamelChars(keyword); //获取简写拼音(提取首字母并大写)
  document.getElementById('full').value = full;
  document.getElementById('simply').value = simply;//默认大写.可通过string.toLowerCase()转成小写
}

效果演示

测试输入汉字转拼音,效果不错推荐下载使用。

javascript实现输入汉字自动生成拼音字母

javascript实现输入汉字自动生成拼音字母

JS插件下载

中文转拼音JS插件:一款轻量级JS插件 中文拼音转换 Convert_Pinyin.js

 

未经允许不得转载:久久经验网 » javascript实现输入中文自动生成拼音

赞 (2)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址