• 授权协议:MIT
  • 开发厂商:-
  • 软件语言:JavaScript
  • 更新日期:2019-10-09
A-Keyboard

A-Keyboard A-Keyboard 是一个小型的 JavaScript 虚拟键盘。 访问 A-Keyboard Github Demo 网站查看在线 键盘、数字键盘 Demo。 图片 D...

A-Keyboard 小型的 JavaScript 虚拟键盘 项目简介

A-KeyboardA-Keyboard 是一个小型的 JavaScript 虚拟键盘。访问 A-Keyboard Github Demo 网站查看在线 键盘、数字键盘 Demo。图片Default:Classic:Dark:Default数字键盘:Classic数字键盘:Dark数字键盘:使用导入 JS 和 CSS 文件后你就可以通过以下方式渲染一个虚拟键盘,我们提供了 2 种虚拟键盘 普通键盘 和 数字键盘:// 渲染普通键盘
const keyboard = new aKeyboard.keyboard({
el: '#main', // 元素选择器名称
style: { // 设置自定义样式
margin: 'auto'
}
})

// 渲染数字键盘
const keyboard = new aKeyboard.numberKeyboard({
el: '#main'
})keyboard 类提供了 2 个函数,分别为 inputOn 和 onclick://用来设置输入目标元素,设置之后用户点击键盘上的按键就可以输入内容了
keyboard.inputOn(目标元素选择器, 目标元素输入类型(value、innerHTML、innerText));

//用来设置按键点击事件(会覆盖默认事件)
keyboard.onclick(按键名称, 事件函数);使用详情见文档。

A-Keyboard 小型的 JavaScript 虚拟键盘 评论内容