如何在javascript中移动图像

Question

我想使用左箭头移动我创建的电路板以移动左右箭头以向右移动。但我不知道如何在语法中编写左/右箭头，所以我只是使用'a'和'd'来左右移动（如在反击中）。 任何人都可以帮助我吗？ 这里是我的代码

function moveObj(name, Xpix) 
{  
    obj = document.getElementById(name); 

    px = parseInt(obj.style.left) + Xpix;  
    obj.style.left = px; 
} 

function ProcessKeypress(e) 
{ 
    var myObj = "pantul"; 
    var moveBy = 10; 
    obj = document.getElementById(myObj); 
    x=parseInt(obj.style.left); 

    if (e.keyCode) keycode=e.keyCode; 
    else keycode=e.which; 
    ch=String.fromCharCode(keycode); 

    if(x > 220 || x <720) 
    { 
     if(ch=='a')   moveObj(myObj, -moveBy); 
     else if(ch=='d') moveObj(myObj, moveBy); 
    } 
} 

Answer 1

Character codes: 

37 - left 

38 - up 

39 - right 

40 - down 

，所以你可以使用键码（不是char），

function ProcessKeypress(e) 
{ 
    var myObj = "pantul"; 
    var moveBy = 10; 
    obj = document.getElementById(myObj); 
    x=parseInt(obj.style.left); 

    if (e.keyCode) keycode=e.keyCode; 
    else keycode=e.which; 

    if(x > 220 || x <720) 
    { 
     if(keycode == 37)   moveObj(myObj, -moveBy); 
     else if(keycode == 39) moveObj(myObj, moveBy); 
    } 
}