전체 화면에서 특정 키를 눌렀을 때 페이지 내에서 이동이나 창을 닫고 싶다면?
⇒ window.onkeydown 이벤트를 활용해서 해결
window.onkeydown = e => {
console.log(e.key);
if (e.key === 'Escape') {
setModalOpened(false); // esc키를 눌러서 모달창을 닫는다
}
if (e.key === 'ArrowRight') {
goNext(); // 오른쪽 화살표키를 눌러서 다음 영역으로 넘어간다
}
if (e.key === 'ArrowLeft') {
goPrevious(); // 왼쪽 화살표 키를 눌러서 이전 영역으로 넘어간다.
}
};
// setModalOpened , goNext , goPrevious는 임의로 내가 만든 함수