아하

생활

생활꿀팁

착실한도요291

착실한도요291

javascript 키보드 방향키로 scroll을 막는 방법이 있을까요?

안녕하세요 javascript로 2048게임을 만들었는데 2048이 키보드 방향키 위, 아래, 오른쪽, 왼쪽으로

하는 게임이에요 .

게임은 잘 진행되는데 위 , 아래를 누를떄 스크롤도 같이 움직여서 보기 안좋은데

구글에 검색해보니 마우스로 스크롤을 막는 방법들만 보여서 질문 올리게 되었습니다 .

    2개의 답변이 있어요!

    • 프알못

      프알못

      https://stackoverflow.com/a/8916697

      preventDefault()로 가능합니다.

      <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <script> window.addEventListener("keydown", function(e) { if([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) { e.preventDefault(); } }, false); </script> </head> <body> <p>스크롤<p>충분히<p>생길<p>정도로<p>긴<p>무언가<p>1<p>2<p>3<p>4<p>5<p>6<p>7<p>8<p>9<p>... <p>스크롤<p>충분히<p>생길<p>정도로<p>긴<p>무언가<p>1<p>2<p>3<p>4<p>5<p>6<p>7<p>8<p>9<p>... <p>스크롤<p>충분히<p>생길<p>정도로<p>긴<p>무언가<p>1<p>2<p>3<p>4<p>5<p>6<p>7<p>8<p>9<p>... </body> </html>
    • 하얀고슴도치236

      하얀고슴도치236

      https://www.w3schools.com/jsref/event_onkeypress.asp

      https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault

      참조하시어 keypress event 가 발생할때 스크롤이 움직이는 등 기본 움직임은

      event.preventDefault() 등으로 취소하고 내부 함수만 실행하도록 하시면 됩니다.