1

右矢印キーが押されたら、DOM 要素を移動したいと思います。

要素が移動する距離は、右矢印キーを押した長さに正比例する必要があります。

この jQuery プラグインを使用して、右矢印キーが押されていることを確認し、要素のleftcss 値に特定の値を追加して、移動しているように見せることができるのではないかと考えていました。

ただし、これを機能させる方法が正確にはわかりません。プラグインを使用せず、キーストロークに関連する jQuery のメソッドを使用する方がよいでしょうか? これを達成するための最も簡単で効果的な方法を見つける手助けが必要です。

ありがとう！

4

1 に答える 1

2

移動したいdivが ID="d" を持つjqueryのみを使用すると、このようなものになるかもしれません

$("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;
于 2011-04-08T01:10:02.757 に答える