如何在javascript中移动图像

How to move image in javascript

本文关键字：移动 图像 javascript      更新时间：2023-09-26

我想移动我创建的板，使用左箭头向左移动，向右箭头向右移动。但是我不知道如何在语法中写左/右箭头，所以我只使用"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);
    }
}   

Character codes:
37 - left
38 - up
39 - right
40 - down

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

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);
    }
}
相关文章：