생활
javascript 키보드 방향키로 scroll을 막는 방법이 있을까요?
안녕하세요 javascript로 2048게임을 만들었는데 2048이 키보드 방향키 위, 아래, 오른쪽, 왼쪽으로
하는 게임이에요 .
게임은 잘 진행되는데 위 , 아래를 누를떄 스크롤도 같이 움직여서 보기 안좋은데
구글에 검색해보니 마우스로 스크롤을 막는 방법들만 보여서 질문 올리게 되었습니다 .
55글자 더 채워주세요.
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>https://www.w3schools.com/jsref/event_onkeypress.asp
https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault
참조하시어 keypress event 가 발생할때 스크롤이 움직이는 등 기본 움직임은
event.preventDefault() 등으로 취소하고 내부 함수만 실행하도록 하시면 됩니다.
