diff --git a/src/components/MangaViewer.tsx b/src/components/MangaViewer.tsx index 653c43c..6aded48 100644 --- a/src/components/MangaViewer.tsx +++ b/src/components/MangaViewer.tsx @@ -157,26 +157,18 @@ export function MangaViewer({ useEffect(() => { const handler = (e: KeyboardEvent) => { if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return; - switch (e.key) { - case 'ArrowRight': - e.preventDefault(); - goNext(); - break; - case 'ArrowLeft': - e.preventDefault(); - goPrev(); - break; - case 'f': - case 'F': - toggleFullscreen(); - break; - case 's': - case 'S': - setShowSettings((v) => !v); - break; - case 'Escape': - if (showSettings) setShowSettings(false); - break; + if (e.code === 'ArrowRight') { + e.preventDefault(); + goNext(); + } else if (e.code === 'ArrowLeft') { + e.preventDefault(); + goPrev(); + } else if (e.code === 'KeyF' || e.key === 'f' || e.key === 'F' || e.key === 'ㄹ') { + toggleFullscreen(); + } else if (e.code === 'KeyS' || e.key === 's' || e.key === 'S' || e.key === 'ㄴ') { + setShowSettings((v) => !v); + } else if (e.key === 'Escape') { + if (showSettings) setShowSettings(false); } }; window.addEventListener('keydown', handler);