javascript가 스크롤을 방지합니다

Question

HTML5 게임에서 화살표 키를 사용할 때 스크롤을 방지하려고합니다. 그것은 당신이 화면에 화살표 키 또는 버튼으로 제어 미로 게임이다,하지만 난 '위로'또는를 누를 때마다 '아래로'키 항상 scrolls.I을 사용하고 있습니다 :

document.addEventListener('keydown', function(e){ 
    if(e.keyCode === 40) { 
     down(); 
    } else if(e.keyCode === 38) { 
     up(); 
    } else if(e.keyCode === 37) { 
     leftclick(); 
    } else if(e.keyCode === 39) { 
     rightclick(); 
    } 
}) 

는이 가능 자바 스크립트? 내 마우스로 스크롤 할 수 있기를 원하지만 내 키보드에서 화살표 키를 사용할 때가 아닙니다. 내 게임은 http://thomaswd.com/maze입니다. 도와주세요. 감사!

Answer 1

정상적인 키 동작이 발생하지 않도록하려면 e.preventDefault()을 사용하십시오. 마지막에 e.preventDefault();를 추가 할 수

document.addEventListener('keydown', function(e){ 
    if(e.keyCode === 40) { 
     down(); 
     e.preventDefault(); 
    } else if(e.keyCode === 38) { 
     up(); 
     e.preventDefault(); 
    } else if(e.keyCode === 37) { 
     leftclick(); 
     e.preventDefault(); 
    } else if(e.keyCode === 39) { 
     rightclick(); 
     e.preventDefault(); 
    } 

})

Answer 2

시도

Answer 3

이 시도 :

document.addEventListener('keydown', function(e) { 
     if(e.keyCode > 36 && e.keyCode < 41) { 
      e.preventDefault(); 
     } 
     if (e.keyCode === 40) { 
      down(); 
     } else if (e.keyCode === 38) { 
      up(); 
     } else if (e.keyCode === 37) { 
      leftclick(); 
     } else if (e.keyCode === 39) { 
      rightclick(); 
     } 
     return false; 
    }, false); 
} 

[본체를 keyDown 후 jQuery로, 키를 누를 때 스크롤 중지] (HTTP의