2014-11-28 8 views
-1

jQuery에서 객체를 움직이는 코드가 있지만 화살표를 눌러 객체를 위아래로 움직이면 전체 페이지가 움직입니다. (위로/아래로 스크롤) 캔버스에있는 객체 만 이동하도록 지정하려면 어떻게해야합니까? 정말캔버스 요소에서 요소를 어떻게 움직일 수 있습니까?

+0

일부 코드로 수행 할 수 있지만 jQuery를 사용하여 키 누르기를보고 있습니까? 그렇다면 페이지에서 발생하는 버튼의 기본 동작을 중지하려면 기본값을 방지해야합니다. –

+0

예, 말씀하신대로하고 있습니다. 그 코드는 무엇입니까? – Bogdan

+0

SO는 무료 프리랜서 서비스가 아닙니다. 가능하면 시도한 내용을 게시하고 데모를 제공하십시오. – isherwood

답변

2

내가 만든 코멘트에 확장하려면 ... 더 나은 내 문제를 설명하는 방법을 모른다, 여기 @에 키 입력을 화살표 문서에 볼 수있는 몇 가지 코드 ..

$(document).keypress(function(e) { 
    switch(e.which) { 
     case 37: // left 
     break; 

     case 38: // up 
     break; 

     case 39: // right 
     break; 

     case 40: // down 
     break; 

     default: return; // exit this handler for other keys 
    } 
    e.preventDefault(); // prevent the default action (scroll/move caret) 
}); 

신용이다 Sygmoral - Binding arrow keys in JS/jQuery

관련 문제