增加对指定节点的设置

master
宇天 2020-11-04 19:51:54 +08:00
parent 0d908d0592
commit b1b60bee67
3 changed files with 21 additions and 17 deletions

View File

@ -1,6 +1,6 @@
## JS键盘热键
> 支持各种按钮组合。原生js开发, 无任何依赖(不到`2KB`)。使用也非常简单。
>> 1.0版 功能键(Shift, Ctrl, Alt/Option, Win/Cmd)不区分左右。
>> 1.x版 功能键(Shift, Ctrl, Alt/Option, Win/Cmd)不区分左右。
![keyboard](./keyboard.jpg)
@ -13,6 +13,8 @@
import Keyboard from 'http://unpkg.bytedo.org/@bytedo/keyboard/dist/index.js'
var kb = new Keyboard()
// 默认整个document监听, 也可以单独对局部起效
// var kb = new Keyboard(document.querySelector('.foo'))
// 同时按Ctrl键和C键, 触发回调
kb.on(['ctrl + c'], ev => {
@ -101,18 +103,18 @@ kb.on(['ctrl + c', 'ctrl + v'], ev => {
| Numlock | numlock | 数字键锁定键(87键以下的键盘没有) |
| Backspace | backspace | 回退键(=号键右边那个) |
| Tab | tab | 制表符键 |
| Cmd/Win | meta | Command/Win键(1.0版不区别左右) |
| Cmd/Win | meta | Command/Win键(1.x版不区别左右) |
| Space | space | 空格键 |
| Ctrl | ctrl | Ctrl键(1.0版不区分左右) |
| Shift | shift | Shift键(1.0版不区分左右) |
| Alt/Option| alt | Alt/Option键(1.0版不区分左右) |
| Enter | enter | 回车键(1.0版不区分小数字键盘的回车) |
| Ctrl | ctrl | Ctrl键(1.x版不区分左右) |
| Shift | shift | Shift键(1.x版不区分左右) |
| Alt/Option| alt | Alt/Option键(1.x版不区分左右) |
| Enter | enter | 回车键(1.x版不区分小数字键盘的回车) |
| ' | ' | 单引号键 |
| * | * | 小数字键盘中的乘号 |
| + | + | 小数字键盘中的加号 |
| - | - | 小数字键盘中的减号;及主键盘中的减号 (1.0版不区分) |
| / | / | 小数字键盘中的除号;及主键盘中的斜杠 (1.0版不区分) |
| 。 | . | 小数字键盘中的小数点;及主键盘中的句号 (1.0版不区分) |
| - | - | 小数字键盘中的减号;及主键盘中的减号 (1.x版不区分) |
| / | / | 小数字键盘中的除号;及主键盘中的斜杠 (1.x版不区分) |
| 。 | . | 小数字键盘中的小数点;及主键盘中的句号 (1.x版不区分) |
| , | , | 逗号 |
| ; | ; | 分号 |
| = | = | 等号 |

View File

@ -1,6 +1,6 @@
{
"name": "@bytedo/keyboard",
"version": "1.0.0",
"version": "1.1.0",
"description": "支持各种按钮组合。原生js开发, 无任何依赖(不到2KB)。使用也非常简单。",
"main": "dist/index.js",
"repository": {

View File

@ -6,13 +6,13 @@
import { KEY_DICT, MULTI_KEYS, MULTI_KEY_CODES } from './key.dict.js'
function bind(fn) {
document.addEventListener('keydown', fn, false)
function bind(el, fn) {
;(el || document).addEventListener('keydown', fn, false)
return fn
}
function unbind(fn) {
document.removeEventListener('keydown', fn, false)
function unbind(el, fn) {
;(el || document).removeEventListener('keydown', fn, false)
}
function hide(target, name, value) {
@ -44,13 +44,15 @@ function check(ev) {
}
export default class Keyboard {
constructor() {
constructor(elem) {
console.log(elem)
this.$elem = elem
hide(this, '__EVENTS__', {})
hide(
this,
'_keydown',
bind(ev => {
bind(elem, ev => {
if (MULTI_KEY_CODES.includes(ev.keyCode)) {
return
}
@ -106,7 +108,7 @@ export default class Keyboard {
}
destroy() {
unbind(this._keydown)
unbind(this.$elem, this._keydown)
delete this.__EVENTS__
delete this._keydown
}