useKeyPress
Listens for changes in the pressed state of a given key.
Usage
import useKeyPress from 'funda-ui/Utils/useKeyPress';
const App = () => {
const escPressed = useKeyPress({
keyCode: 'Escape',
handleUp: (key, event) => { },
handleDown: async (key, event) => {
// do something
event.preventDefault();
// await xxxxx();
console.log(key);
},
spyElement: window,
}, []);
const multiplePressed = useKeyPress({
keyCode: ['ArrowUp', 'ArrowDown', 'Enter', 'NumpadEnter'],
handleUp: (key, event) => { },
handleDown: (key, event) => {
// do something
event.preventDefault();
console.log(key);
},
spyElement: window
}, [myDep1, myDep2]);
return (
<div className="app">{escPressed ? 'Escape' : null}</div>
);
};