有没有会键盘控制事件的大佬,请教一下
原生js可以通过监听keydown
事件来监听键盘输入,如
document.addEventListener("keydown", function (event) {
console.log(event.code)
});
然后通过event.code
判断按下的按钮,执行对应操作。
event的属性如下:
/** KeyboardEvent objects describe a user interaction with the keyboard; each event describes a single interaction between the user and a key (or combination of a key with modifier keys) on the keyboard. */
interface KeyboardEvent extends UIEvent {
readonly altKey: boolean;
/** @deprecated */
readonly charCode: number;
readonly code: string;
readonly ctrlKey: boolean;
readonly isComposing: boolean;
readonly key: string;
/** @deprecated */
readonly keyCode: number;
readonly location: number;
readonly metaKey: boolean;
readonly repeat: boolean;
readonly shiftKey: boolean;
getModifierState(keyArg: string): boolean;
/** @deprecated */
initKeyboardEvent(typeArg: string, bubblesArg?: boolean, cancelableArg?: boolean, viewArg?: Window | null, keyArg?: string, locationArg?: number, ctrlKey?: boolean, altKey?: boolean, shiftKey?: boolean, metaKey?: boolean): void;
readonly DOM_KEY_LOCATION_LEFT: number;
readonly DOM_KEY_LOCATION_NUMPAD: number;
readonly DOM_KEY_LOCATION_RIGHT: number;
readonly DOM_KEY_LOCATION_STANDARD: number;
}
如果使用第三方库的话我推荐hotkeys,具体怎么用请看文档。
原生js可以通过监听
keydown
事件来监听键盘输入,如document.addEventListener("keydown", function (event) { console.log(event.code) });
然后通过
event.code
判断按下的按钮,执行对应操作。
event的属性如下:/** KeyboardEvent objects describe a user interaction with the keyboard; each event describes a single interaction between the user and a key (or combination of a key with modifier keys) on the keyboard. */ interface KeyboardEvent extends UIEvent { readonly altKey: boolean; /** @deprecated */ readonly charCode: number; readonly code: string; readonly ctrlKey: boolean; readonly isComposing: boolean; readonly key: string; /** @deprecated */ readonly keyCode: number; readonly location: number; readonly metaKey: boolean; readonly repeat: boolean; readonly shiftKey: boolean; getModifierState(keyArg: string): boolean; /** @deprecated */ initKeyboardEvent(typeArg: string, bubblesArg?: boolean, cancelableArg?: boolean, viewArg?: Window | null, keyArg?: string, locationArg?: number, ctrlKey?: boolean, altKey?: boolean, shiftKey?: boolean, metaKey?: boolean): void; readonly DOM_KEY_LOCATION_LEFT: number; readonly DOM_KEY_LOCATION_NUMPAD: number; readonly DOM_KEY_LOCATION_RIGHT: number; readonly DOM_KEY_LOCATION_STANDARD: number; }
如果使用第三方库的话我推荐hotkeys,具体怎么用请看文档。
谢谢大佬!!之前在上班没有空打开电脑,现在才看到!
我想实现键盘控制视频快进后退,音量大小,但是没有头绪,听说这里大佬多,想抱一下大腿