A-Keyboard是一款js虚拟键盘插件。该插件可以在桌面端模拟普通键盘,移动端键盘和数字键盘。并且内置了几种可选用的主题效果。

使用方法

内置主题的CSS文件。

初始化插件

通过模块化的方式来使用插件。

const keyboard = require('./keyboard'),

numberKeyboard = require('./keyboard.number'),

mobileKeyboard = require('./keyboard.mobile');

window.aKeyboard = {

keyboard,

numberKeyboard,

mobileKeyboard

}

在指定的元素上使用虚拟键盘。

// keyboard

const keyboard = new aKeyboard.keyboard({

el: '#main',

style: {}, // additional styles

fixedBottomCenter: true

});

keyboard.inputOn('#input', 'value');

// mobile keyboard

const keyboard = new aKeyboard.mobileKeyboard({

el: '#main',

style: {}, // additional styles

fixedBottomCenter: true

});

keyboard.inputOn('#input', 'value');

// keypad

const keyboard = new aKeyboard.numberKeyboard({

el: '#main',

style: {}, // additional styles

fixedBottomCenter: true

});

keyboard.inputOn('#input', 'value');

html桌面插件,js桌面虚拟键盘插件A-Keyboard相关推荐

  1. JavaScript 虚拟键盘:Mindfusion JavaScript Keyboard

    高度交互,高度可定制--JavaScript 虚拟键盘--Mindfusion JavaScript Keyboard 现在,您的 JavaScript 应用程序可以像本地移动应用程序一样处理屏幕输入 ...

  2. html列表拖拽排序插件,JS拖拽排序插件Sortable.js用法实例分析

    本文实例讲述了JS拖拽排序插件Sortable.js用法.分享给大家供大家参考,具体如下: 最近由于项目功能设计的原因,需要对table中的行实现拖拽排序功能,找来找去发现Sortable.js能很好 ...

  3. 如何用 js 获取虚拟键盘高度?(适用所有平台)

    前言 这是一个存在很久的历史问题了,对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案,what?没有方案还聊个什么? 别急,别急,接下来我们一起来扒一扒关于软键盘高度和 input 的问题 我们 ...

  4. html列表拖拽排序插件,js拖拽排序插件Sortable

    插件描述:功能强大的Javript拖拽排序库Sortable,拖拽兼容性好,零依赖 更新时间:2020-05-15 18:19:16 SortableJS 功能强大的JavaScript 拖拽库 特性 ...

  5. Qt5.13.0虚拟键盘 使用文档说明及函数说明 (一)构建 build

    首先之前的工作都是为了想验证虚拟键盘的使用,才有了之前编译x11 .arm等qt的步骤. 在到这之前的构建环境,我说认真的,真的烦的要死,每次构建用的时间又多,配置完了编译会出一大堆error,加上公 ...

  6. Qt 5.9 qml 使用自带虚拟键盘

      Qt有自己的虚拟键盘的插件,使用起来也非常方便,这里介绍在QtQuick中的使用方法.</> 键盘的集成方式 虚拟键盘的集成有两种方式: 键盘出现在桌面,即系统的屏幕上,键盘的宽度等于 ...

  7. java虚拟键盘_web虚拟键盘VirtualKeyboard

    最近做项目,我负责做网页前端,客户需要利用触摸屏进行操作,不外接鼠标键盘,但要求能录入文字,包括数字,英文,中文.思考了一下,决定用JS实现虚拟键盘. 首先上网搜索了一下JS虚拟键盘,在经过仔细筛选后 ...

  8. html win10虚拟键盘,笔记本电脑win10虚拟键盘打开的方法

    win10是微软推出的新一代云操作系统,为用户提供多平台体验!如今,您可以在您的电脑中开启虚拟键盘,使用虚拟键盘轻松实现各种输入. 日常工作生活中,使用电脑时,有时需要开启虚拟键盘,包括"屏 ...

  9. jquery虚拟键盘,支持中文英文数字输入VirtualKeyboard

    https://gitee.com/zhyihui/VirtualKeyboard jQuery虚拟键盘插件,支持 中英文切换.大小写切换等,适合触摸屏应用使用,修改很方便.

最新文章

  1. HTML table 标签的 frame 属性
  2. Grid_Oracle Grid Infrastructure概念介绍(概念)
  3. Azure系列2.1.13 —— CloudBlockBlob
  4. mysql数据库备份shell_mysql数据库备份shell脚本分享
  5. 发外链网站服务器瘫痪,哪些操作可以导致网站接入瘫痪 - 搜外SEO问答
  6. c语言p1-melepeo,C语言做个学生选课系统 -电脑资料
  7. 机器学习实战(2)—— k-近邻算法
  8. Apache24(VC15)安装步骤
  9. 高质量解读《高性能mysql》——第1章 MySQL架构与历史
  10. [转载]INNO SETUP注册DLL文件
  11. gtp传输java_一种GTP数据包传输方法、相关装置及存储介质与流程
  12. CMMB 全国各地市频率规划表
  13. 练习一: 提示:emp员工表(empno员工号/ename员工姓名/job工作/mgr上级编号/hiredate受雇日期/sal薪金/comm佣金/deptno所属部门编号) dept部门
  14. OIer__ZLY__OI计划
  15. SpringBoot【基础篇】
  16. 西北农林科技大学考研计算机大纲,2021年西北农林科技大学考研真题大纲参考书目...
  17. Javafx 实现国际象棋游戏
  18. 解决问题“The App ID ‘XXXXX‘ appears to be in use by the App Store, so it can not be removed at this ti”
  19. requests 用法
  20. 【Java】MacOS Eclipse使用JOL观察对象布局(详解)

热门文章

  1. 【PBL项目实战】户外智慧农场项目实战系列——5.天气预报API接口对接
  2. vite+vue3+TS项目引入antd-vue的问题记录
  3. vue3中进行vuex的分包管理(typescript)
  4. 频率响应、零极点、稳定性专题
  5. CVE-2021-42013:Apache HTTP Server目录遍历漏洞
  6. Unity显示FPS帧数
  7. 高中信息技术计算机网络教案,信息技术 - 第八册计算机教案(全册)-四年级...
  8. windows11磁盘分区步骤
  9. 设定快搜Caption时注意
  10. 心灵鸡汤1------让人奋进的五句话