如何在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); 
    } 
}