Question

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

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

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

但是，我不确切知道如何使这项工作。是不是最好不使用插件，只使用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;

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

1 个答案: