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