백스페이스 이벤트
본문
전자카탈로그를 만드는데
엔터와 스페이스키를 누르면 다음장이 나오도록 하였습니다. 잘 작동됩니다
그런데 백스페이스키를 누르면 이전장으로 가도록 설정하고 싶은데 이게 아닐까요..?
코드 고수님들 도와주세요
기존 엔터와 스페이스키만 있을 때 입니다
window.addEventListener('keydown', function(event) {
// 스페이스바 또는 엔터 키를 눌렀는지 확인
if (event.keyCode === 32 || event.keyCode === 13) {
event.preventDefault(); // 기본 동작 방지
// 페이지 이동 함수 호출
nextPage();
}
});
백스페이스키를 추가한 코드입니다
window.addEventListener('keydown', function(event) {
// 스페이스바 또는 엔터 키를 눌렀는지 확인
if (event.keyCode === 32 || event.keyCode === 13) {
event.preventDefault(); // 기본 동작 방지
// 페이지 이동 함수 호출
nextPage();
} else if (event.keyCode === 8) { // 백스페이스 키를 눌렀는지 확인
event.preventDefault(); // 기본 동작 방지
// 이전 페이지 이동 함수 호출
prevPage();
}
});
답변 4
prevPage라는 함수가 존재하기는 한가요?
history.go(-1) 해보세요
이렇게 하니 전에 들어갔던 페이지로 갑니다
precPage를 쓰려면 다른게 있어야하나요..??
https://atech2023.cafe24.com/en/sub03_02.php
여기입니다..!
헐 균이님 답변에 힌트를 얻었습니다! 감사합니다
제가 완전 초보라서 prevPage 함수를 만들어야 된다는걸 몰랐네요 만드니 잘됩니다 감사합니다ㅠㅠ
소스상에 문제 없어보이는데 시스템에서 이벤트를 가져가서 그러나,,
event.keyCode === 8 || event.key === 'Backspace'
or 조건하나 더 넣어보셔용
그래도 안됩니다..아유ㅠ
혹시 https://atech2023.cafe24.com/en/sub03_02.php 여기인데 문제가 있을까요ㅠㅠ
아 위에 보니 prevPage 함수가 없었던거군요 ㅎㅎ
당연히 있다라고 생각하고 이벤트가 왜 안먹지? 라고 만 생각하고 답변했네요~
네 너무너무아직,,공부를 해야하는 입장이라 저 생각을 못했네요ㅠㅠ 감사합니다~:)
if (event.key === " " || event.key === "Enter") {
event.preventDefault();
nextPage();
} else if (event.key === "Backspace") {
event.preventDefault();
prevPage();
}
});
답변주셔서 감사합니다. 그런데 이렇게 하니 엔터키도 안먹힙니다...
" precPage를 쓰려면 다른게 있어야하나요..?? "
혹시 오타 아니세요?? precPage => prevPage
질문에서 오타났습니다
prevPage 함수를 만드니 되었습니다 감사합니다:)