imnyang/akiyama.mizuki.guru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add keyboard shortcut to navigate home on 'h' key press

Browse source
This commit is contained in:
암냥 2026-05-24 14:17:15 +09:00
commit 2809436d89
No known key found for this signature in database
1 changed files with 24 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

27
apps/frontend/src/components/keyboard-shortcuts.tsx
View file

@ -7,7 +7,7 @@ export default function KeyboardShortcuts() {
const router = useRouter();
useEffect(() => {
function handleKeyDown(event: KeyboardEvent) {
function handleAddKeyDown(event: KeyboardEvent) {
// input, textarea, contenteditable에서는 무시
const target = event.target as HTMLElement;
if (
@ -23,8 +23,29 @@ export default function KeyboardShortcuts() {
}
}
document.addEventListener("keydown", handleKeyDown);
return () => document.removeEventListener("keydown", handleKeyDown);
document.addEventListener("keydown", handleAddKeyDown);
return () => document.removeEventListener("keydown", handleAddKeyDown);
}, [router]);
useEffect(() => {
function handleHomeKeyDown(event: KeyboardEvent) {
// input, textarea, contenteditable에서는 무시
const target = event.target as HTMLElement;
if (
target.tagName === "INPUT" ||
target.tagName === "TEXTAREA" ||
target.isContentEditable
) {
return;
}
if (event.key === "h" || event.key === "H") {
router.push("/");
}
}
document.addEventListener("keydown", handleHomeKeyDown);
return () => document.removeEventListener("keydown", handleHomeKeyDown);
}, [router]);
return null;