使用jQuery从按键移动屏幕上DOM元素的位置?

一旦按下右箭头键,我想移动一个DOM元素。 元素移动的距离应与右箭头按键的长度成正比。 我想也许我可以使用这个jQuery插件来找出按下右箭头键的时间,然后在元素的
left
css值中添加一个特定值,使其看起来像是被移动了。 但是,我不确切知道如何使这项工作。是不是最好不使用插件,只使用jQuery的键盘方法?我只需要帮助找出实现这一目标的最简单,最有效的方法。 谢谢!     
已邀请:
可能是这样的,只使用jquery,你要移动的div有ID =“d”
$("body").keydown(function(e) {
    var offset = 5;
    if(e.keyCode == '39') {
        var pos = $("#d").position();
        $("#d").css('left', pos.left + offset);
    }
    else if(e.keyCode == '37') {
        var pos = $("#d").position();
        $("#d").css('left',pos.left - offset);
    }
});
注意div必须有
 position:absolute;
    

要回复问题请先登录注册