Function useGlobalKeyDown

client/web/src/hooks/useGlobalKeyDown.ts:8–25

(
  fn: (e: KeyboardEvent) => void,
  options?: AddEventListenerOptions
)

 * 仅接受最初的函数
 */
export function useGlobalKeyDown(
  fn: (e: KeyboardEvent) => void,
  options?: AddEventListenerOptions
) {
  const fnRef = useUpdateRef(fn);

  useLayoutEffect(() => {
    const handleKeyDown = (e: KeyboardEvent) => {
      typeof fnRef.current === 'function' && fnRef.current(e);
    };

    window.addEventListener('keydown', handleKeyDown, options);

    return () => {
      window.removeEventListener('keydown', handleKeyDown, options);
    };
  }, []);
}