jquery - 使用 jQuery 从按键移动 DOM 元素在屏幕上的位置？

Question

按下右箭头键后，我想移动一个 DOM 元素。

元素移动的距离应该与右箭头键的长度成正比。

我在想也许我可以使用这个 jQuery 插件来找出按下右箭头键的时间，然后为元素的leftcss 值添加一个特定的值，让它看起来像是被移动了。

但是，我不知道如何使这项工作。最好不要使用插件，而只使用与击键有关的 jQuery 方法？我只需要一些帮助来找出实现这一目标的最简单和最有效的方法。

谢谢！

Answer 1

可能是这样的，只使用 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;