Conversaciones » Desarrolladores
有没有会键盘控制事件的大佬，请教一下
原生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，具体怎么用请看文档。
谢谢大佬！！之前在上班没有空打开电脑，现在才看到！
我想实现键盘控制视频快进后退，音量大小，但是没有头绪，听说这里大佬多，想抱一下大腿