테스트 사이트 - 개발 중인 베타 버전입니다

백스페이스 이벤트 채택완료

sliverzero 1년 전 조회 8,006

전자카탈로그를 만드는데
엔터와 스페이스키를 누르면 다음장이 나오도록 하였습니다. 잘 작동됩니다

그런데 백스페이스키를 누르면 이전장으로 가도록 설정하고 싶은데 이게 아닐까요..?

코드 고수님들 도와주세요

 

 

기존 엔터와 스페이스키만 있을 때 입니다

</p>

<p>window.addEventListener('keydown', function(event) {

    // 스페이스바 또는 엔터 키를 눌렀는지 확인

    if (event.keyCode === 32 || event.keyCode === 13) {

        event.preventDefault(); // 기본 동작 방지

        // 페이지 이동 함수 호출

        nextPage();

    }

});</p>

<p>

 

 

백스페이스키를 추가한 코드입니다

</p>

<p>window.addEventListener('keydown', function(event) {

    // 스페이스바 또는 엔터 키를 눌렀는지 확인

    if (event.keyCode === 32 || event.keyCode === 13) {

        event.preventDefault(); // 기본 동작 방지

        // 페이지 이동 함수 호출

        nextPage();

    } else if (event.keyCode === 8) { // 백스페이스 키를 눌렀는지 확인

        event.preventDefault(); // 기본 동작 방지

        // 이전 페이지 이동 함수 호출

        prevPage();

    }

});</p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
1년 전

prevPage라는 함수가 존재하기는 한가요?

history.go(-1)  해보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

s
sliverzero
1년 전
이렇게 하니 전에 들어갔던 페이지로 갑니다
precPage를 쓰려면 다른게 있어야하나요..??
https://atech2023.cafe24.com/en/sub03_02.php
여기입니다..!
s
sliverzero
1년 전
헐 균이님 답변에 힌트를 얻었습니다! 감사합니다
제가 완전 초보라서 prevPage 함수를 만들어야 된다는걸 몰랐네요 만드니 잘됩니다 감사합니다ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

" precPage를 쓰려면 다른게 있어야하나요..?? "

혹시 오타 아니세요??   precPage => prevPage

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sliverzero
1년 전
질문에서 오타났습니다
prevPage 함수를 만드니 되었습니다 감사합니다:)

댓글을 작성하려면 로그인이 필요합니다.

d
1년 전

    if (event.key === " " || event.key === "Enter") {
        event.preventDefault(); 
        nextPage();
    } else if (event.key === "Backspace") { 
        event.preventDefault(); 
        prevPage();
    }
});

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sliverzero
1년 전
답변주셔서 감사합니다. 그런데 이렇게 하니 엔터키도 안먹힙니다...

댓글을 작성하려면 로그인이 필요합니다.

exception
1년 전

소스상에 문제 없어보이는데 시스템에서 이벤트를 가져가서 그러나,,

event.keyCode === 8 || event.key === 'Backspace'

or 조건하나 더 넣어보셔용
로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

s
sliverzero
1년 전
그래도 안됩니다..아유ㅠ
혹시 https://atech2023.cafe24.com/en/sub03_02.php 여기인데 문제가 있을까요ㅠㅠ
e
exception
1년 전
아 위에 보니 prevPage 함수가 없었던거군요 ㅎㅎ
당연히 있다라고 생각하고 이벤트가 왜 안먹지? 라고 만 생각하고 답변했네요~
s
sliverzero
1년 전
네 너무너무아직,,공부를 해야하는 입장이라 저 생각을 못했네요ㅠㅠ 감사합니다~:)

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인