网页自动调入软键盘输入中文

jQuery虚拟键盘中文打字效果、网页版的虚拟键盘、可以通过虚拟键盘打出中文哦

它是一款基于jquery实现的精简版虚拟键盘中文打字input value赋值效果

对于安全性要求比较高的网站可以引入哦、当然一般的网站如果想做得比较炫的话也可以使用哈

上图是我通过这个键盘打字打出来的效果哈、也可以切换成英文状态哈

当你把这个字的拼音输入完成之后会自己跳到 input 框里面去哈、非常方便

当然代码安装起来也非常简单、下面就来分析一下代码

HTML代码

<center>
<input type="text" id="txt_Search" onfocus='test();' onBlur="VirtualKeyboard.toggle('txt_Search','softkey');" />
<div id="softkey"></div>
</center>
<div style="text-align:center;margin:150px 0; font:normal 14px/24px 'MicroSoft YaHei';">

jQuery代码

<script>
function test(){VirtualKeyboard.toggle('txt_Search', 'softkey');$("#kb_langselector,#kb_mappingselector,#copyrights").css("display", "none");
}
</script>

当然在使用之前你得引入两个JS文件

jQuey的引入

<script type="text/javascript" src="jquery-1.8.2.min.js" ></script>

键盘的引入

<script type="text/javascript" src="vk_loader.js?vk_layout=CN%20Chinese%20Simpl.%20Pinyin&vk_skin=flat_gray" ></script>

下面是源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1o6BMKga 密码: 4bu7

网页自动调入软键盘输入中文相关推荐

Android软键盘输入详解
IM(Input Method): 输入法.是指通过键盘等输入设备输入输入设备上没有的字符的方法/程序/处理器 .最开始是特指在拉丁字母键盘上输入CJK (Chinese, Japanese a ...
移动端h5唤起键盘_移动端H5界面打开后，如何自动调用软键盘
test(){ // let aa = this.$refs.input1.blur(); // this.$nextTick((x)=>{ //正确写法 // // this.$refs.in ...
iOS自动自动隐藏软键盘
自动隐藏软键盘,分为两步,一个是单击软键盘外部任意空间:另外一个是单击软键盘上的return键.下面依次实现单击软键盘外部空间键隐藏软键盘: 一:在viewDidLoad中添加一个UITabGest ...
按回车Enter键后自动隐藏软键盘、进页面自动弹出软键盘
在布局文件中EditText控件中加入属性: android:imeOptions="actionDone" imeOptions还有很多其他参数,比如搜索,前往. ...
软键盘输入设计（C语言）
前言之前写过一篇关于软键盘输入设计的文章点击这里查看,用的是掌机自支持的zzdbase语言,文章结尾说了其实最初想用C来实现的,但是中途遇到了困难,便改为zzdbase语言了.最近项目中想到一个比较 ...
手写输入和软键盘输入
今天项目需要完成一个支持手写和键盘都可以输入的功能,点击键盘切换到软键盘输入,此时按钮会变成手写,在点击就回到手写.按钮是checkbox.功能很简单. 支持手写和键盘输入,其实并不难,就是布局麻烦点 ...
c#中利用keybd_event函数+自定义软键盘实现中文输入时的问题
(一)声明外部方法 [DllImport("User32.dll")] public static extern void keybd_event(byte bVK ...
Qt5软键盘实现中文拼音输入法
版权声明:本文为博主原创文章,欢迎大家友好转载 https://blog.csdn.net/onlyshi/article/details/78408000 </div><link ...
Android获取软键盘输入内容
该功能的实现是通过Android辅助功能来进行实现的, 先上效果图: 下面说一下如何使用Acc ...
Unity3d C# 实现UGUI 输入框调用软键盘输入的完整功能（含工程源码，适用触屏一体机等）
前言如题的需求经常会在甲方的需求中出现,比如一体机上,大多客户会不选择键盘和鼠标,因为觉得比较low的可能.自己弄一个内置UI键盘的话也是可行的,只不过可能就英文输入好实现,实现带中文的输入可能就比 ...

网页自动调入软键盘输入中文

网页自动调入软键盘输入中文相关推荐

最新文章

热门文章