网页自动加拼音html,javascript实现输入中文自动生成拼音

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

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

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

HTML代码

中文输入：

全写拼音：

简写拼音：

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实现输入汉字自动生成拼音字母

JS插件下载

网页自动加拼音html,javascript实现输入中文自动生成拼音相关推荐

AutoCAD二次开发（C#）完成后，如何实现CAD启动时自动加载dll（不必输入netload）？
AutoCAD二次开发(C#)完成后,如何实现CAD启动时自动加载dll(不必输入netload)? 1.复制编译后的dll路径,比如我的是[C:\SectionManager_CAD_1.1_031 ...
输入中文转换成拼音首字母
1.输入中文转换成拼音首字母. 需要的maven 工具包 <dependency><groupId>com.belerweb</groupId><artif ...
JS输入中文自动获取拼音首字母大写
输入中文时,自动获取首字母大写 1.安装插件pinyin-pro npm install pinyin-pro 2.引入 import { pinyin } from 'pinyin-pro'; 3. ...
android 模块自动加载,Android 之ko模块的自动加载
最近在做一个触摸式遥控器,以控制Android TV,供应商提供了触摸板驱动的source code,我将其编译生成一个适合我们平台的ko模块.但是有个问题,每次用时,必须手动insmod进去,很麻烦 ...
说一下php的自动加载,php的_autoload函数实现自动加载类的使用
本文章详细的以实例来介绍了关于php _autoload自动加载类的用法以及如何使用_autoload来减少程序上的include和require的调用哦. 在使用PHP的OO模式开发系统时,通常大家 ...
input输入中文时，拼音在输入框内会触发input事件的问题
问题描述: 监听文本输入框的input事件,在拼写汉字(输入法)但汉字并未实际填充到文本框中(选词)时会触发input事件,如图: 需求:选词完成后触发input事件,只触发一次. 解决办法: 通过查 ...
Eclipse中scanner类输入中文会把拼音也输出的问题。
我相信不止我一个遇到这样的问题. 代码块: //输出端 package TCP;import java.io.OutputStream; import java.net.Socket; import ...
解决Input输入中文重复出现拼音
下面的代码,是我们再做一个正则的判断,不让输入我们列举的特殊符号.大部分情况下是没有问题的,可是在少数人的电脑上,发现,在输入中文的时候,会有重复的情况.请看下面的动图 1 <p>输入中文 ...
设置QLineEidt部件输入时自动切换到英文输入法(无法输入中文)
在输入密码时会通过输入法显示密码只需设置一下LineEdit部件属性即可 setAttribute(Qt::WA_InputMethodEnabled, false); //设置账号输入框点击时无法 ...

网页自动加拼音html,javascript实现输入中文自动生成拼音

网页自动加拼音html,javascript实现输入中文自动生成拼音相关推荐

最新文章

热门文章