如何使用键盘箭头键分别向左/右移动div 100px

Question

我有一个id为div的div,bottom_arrow我想用左/右键盘左右移动div左右100px.我怎样才能做到这一点？

Answer 1

通常,按键事件会转到输入或某个具有焦点的控件,如果您通常在页面上需要它们,由于删除标准行为,有时会有点不赞成,然后将keydown事件绑定到整个文档.

$('body').keydown(function(event) {
    switch (event.keycode) {
        case 37: // left arrow key
           $('#bottom_arrow').animate({ 'left': '-=100' });
           break;
        case 39: // right arrow key
           $('#bottom_arrow').animate({ 'left': '+=100' });
           break;
    }
});

我已经使用过keydown,而不是keypress用户希望它在按下按键时触发.