JSを使ってオブジェクトを動かすためにキーボードを右に押し下げる

Question

画像を左右に動かすようにしたい。 それだけで上下に動く 私は

ここ

は、私がこれまで

frame.on ("keydown", function(e) { 
    zog(e.keyCode); // e is an event object 
    if (e.keyCode == 38) { 
    dir = -1; 
    } else if(e.keyCode == 40){ 
    dir = 1; 
    } else if (e.keyCode == 37){ //left 
    dir = 0; 
    } else if (e.keyCode == 39){ //right 
    dir = 0; 
    } 
}); 
frame.on ("keyup", function() { 
    dir = 0; 
}); 

Answer 1

で働いていたものです私のコード修正することはできませんあなたは上の矢印ボタンを押すたびに、ボックスの位置を更新すれば、以下の通りあなたのキーボード。上/下を覚えておくと、ページが上下にスクロールします。しかし、それは解決するのdiff問題だ;）

(function($){$(function(){ 
 
var box = $('.box'); 
 
    
 
    $('body').on('keyup', function(e){ 
 
    if (e.keyCode == 38) { 
 
     box.css('top', box.offset().top - 1); 
 
    } else if(e.keyCode == 40){ 
 
     box.css('top', box.offset().top + 1); 
 
    } else if (e.keyCode == 37){ //left 
 
     box.css('left', box.offset().left - 1); 
 
    } else if (e.keyCode == 39){ //right 
 
     box.css('left', box.offset().left + 1); 
 
    } 
 
    }); 
 
    
 
})})(jQuery);

.box { 
 
    width: 100px; 
 
    height: 100px; 
 
    border: 1px solid #000; 
 
    position: absolute; 
 
    top: 0px; 
 
    left: 0px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="box"></div>