fix: declare type for keyboard events
This commit is contained in:
@@ -94,14 +94,14 @@ function usePlayerControls() {
|
|||||||
const keys = useRef({ Forward: false, Backward: false, Left: false, Right: false });
|
const keys = useRef({ Forward: false, Backward: false, Left: false, Right: false });
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const handleKeyDown = (e) => {
|
const handleKeyDown = (e: KeyboardEvent) => {
|
||||||
if (e.code === 'KeyW' || e.code === 'ArrowUp') keys.current.Forward = true;
|
if (e.code === 'KeyW' || e.code === 'ArrowUp') keys.current.Forward = true;
|
||||||
if (e.code === 'KeyS' || e.code === 'ArrowDown') keys.current.Backward = true;
|
if (e.code === 'KeyS' || e.code === 'ArrowDown') keys.current.Backward = true;
|
||||||
if (e.code === 'KeyA' || e.code === 'ArrowLeft') keys.current.Left = true;
|
if (e.code === 'KeyA' || e.code === 'ArrowLeft') keys.current.Left = true;
|
||||||
if (e.code === 'KeyD' || e.code === 'ArrowRight') keys.current.Right = true;
|
if (e.code === 'KeyD' || e.code === 'ArrowRight') keys.current.Right = true;
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleKeyUp = (e) => {
|
const handleKeyUp = (e: KeyboardEvent) => {
|
||||||
if (e.code === 'KeyW' || e.code === 'ArrowUp') keys.current.Forward = false;
|
if (e.code === 'KeyW' || e.code === 'ArrowUp') keys.current.Forward = false;
|
||||||
if (e.code === 'KeyS' || e.code === 'ArrowDown') keys.current.Backward = false;
|
if (e.code === 'KeyS' || e.code === 'ArrowDown') keys.current.Backward = false;
|
||||||
if (e.code === 'KeyA' || e.code === 'ArrowLeft') keys.current.Left = false;
|
if (e.code === 'KeyA' || e.code === 'ArrowLeft') keys.current.Left = false;
|
||||||
@@ -110,6 +110,7 @@ function usePlayerControls() {
|
|||||||
|
|
||||||
window.addEventListener('keydown', handleKeyDown);
|
window.addEventListener('keydown', handleKeyDown);
|
||||||
window.addEventListener('keyup', handleKeyUp);
|
window.addEventListener('keyup', handleKeyUp);
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
window.removeEventListener('keydown', handleKeyDown);
|
window.removeEventListener('keydown', handleKeyDown);
|
||||||
window.removeEventListener('keyup', handleKeyUp);
|
window.removeEventListener('keyup', handleKeyUp);
|
||||||
|
|||||||
Reference in New Issue
Block a user