如何在画布元素上移动元素？

Question

我有一个在jQuery中移动对象的代码，但是当我按下箭头来上下移动对象时，整个页面都在移动。 （向上/向下滚动）如何指定只有画布中的对象应该移动？我真的不知道如何更好地解释我的问题...

Answer 1

为了扩展我所做的评论，这里有一些代码要注意文档箭头按键..

$(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