VirtualKeyboard 3.8.4插件使用

栖于山

于 2020-09-18 17:33:07 发布

阅读量1k

点赞数 2

分类专栏：日常笔记文章标签：前端 javascript html

本文链接：https://blog.csdn.net/baidu_26947253/article/details/108585829

版权

日常笔记专栏收录该内容

5 篇文章

订阅专栏

屏幕键盘也称虚拟键盘，是一种非常实用的工具，Virtual Keyboard插件基于jQuery编写的，效果图如下。

一、引入js文件

在这里插入图片描述

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

二、input 文本框使用

<div class="div_input">
	<input type="text" placeholder="请输入搜索标题" id="txt_Search" onfocus='test();' onblur="VirtualKeyboard.toggle('txt_Search','softkey');" autocomplete="off">
	<div id="softkey" style="position: absolute; z-index: 999; top: 130px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%); -o-transform: translateX(-50%);">
	</div>
</div>

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