react 监听键盘事件及多按键事件

1、监听

useEffect(() => {window.addEventListener('keydown', onKeyDown); // 添加全局事件return () => {window.removeEventListener('keydown', onKeyDown); // 销毁};}, []);

2、onKeyDown事件实例

// 键盘事件const onKeyDown = (e) => {switch (e.keyCode) {case 65: // A事件fn('A');break;case 79: // O事件 fn('o');break;}//ctrl+z或y事件 多键同理if (window.event.ctrlKey && window.event.keyCode === 90) fn('cz');if (window.event.ctrlKey && window.event.keyCode === 89) fn('cy');};

3、部分keycode键盘对照表（来源：Keycode对照表（键码对照表）_zqian1994的博客-CSDN博客_keycode）