blob: 4f9fe67ca7845583fc6fe1e43a62352a5bede48f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
import { useEffect, useRef, type RefObject } from "react";
export function useShiftKey(): RefObject<boolean> {
const isShiftHeldRef = useRef(false);
useEffect(() => {
const handleKeyDown = ({ key }: KeyboardEvent) => {
if (key === "Shift") {
isShiftHeldRef.current = true;
}
};
const handleKeyUp = ({ key }: KeyboardEvent) => {
if (key === "Shift") {
isShiftHeldRef.current = false;
}
};
const handleBlur = () => {
isShiftHeldRef.current = false;
};
document.addEventListener("keydown", handleKeyDown);
document.addEventListener("keyup", handleKeyUp);
window.addEventListener("blur", handleBlur);
return () => {
document.removeEventListener("keydown", handleKeyDown);
document.removeEventListener("keyup", handleKeyUp);
window.removeEventListener("blur", handleBlur);
};
}, []);
return isShiftHeldRef;
}
|
