我对javascript非常陌生,我正尝试制作一个迷宫游戏,我用箭头和wasd移动,但我不知道如何使用html按钮移动触摸设备,这是我的js代码:

    function moveRect(e) {
        var estado = new Boolean(false); //variable to know if the player won or not
        var pos = []; //saves every position player moves to
        var newX;
        var newY;
        var canMove; // i'm not using this right now
        e = e || window.event;
        moveA = 22; //1
        moveB = 22; //22
        var angle = 0;
        switch (e.keyCode) {
            case 38:   // upkey
                newX = currRectX;
                newY = currRectY - moveA;
                angle = 90;
                break;
            case 87: // W key
                newX = currRectX;
                newY = currRectY - moveB;
                angle = 90;
                break;
            case 37: // leftkey
                newX = currRectX - moveA;
                newY = currRectY;
                angle = 180;
                break;
            case 65: // A key
                newX = currRectX - moveB;
                newY = currRectY;
                angle = 180;
                break;
            case 40: // downkey
                newX = currRectX;
                newY = currRectY + moveA;
                angle = 270;
                break;
            case 83: // S key
                newX = currRectX;
                newY = currRectY + moveB;
                angle = 270;
                break;
            case 39: //rightkey
                newX = currRectX + moveA;
                newY = currRectY;
                break;
            case 68: // D key
                newX = currRectX + moveB;
                newY = currRectY;
                break;
            default:
                return;
        }


现在,我试图弄清楚如何将其添加到html按钮中,例如,left button做键和left key的作用。

我已经尝试过jQuery这样

$('#left-btn').click();
$('#right-btn').click();


但是我不知道如何传递我已经编码为click()的参数的内容。

最佳答案

您可以做任何您想做的事情。不要忘记声明变量超出该函数的范围。

$('#left-btn').click(function(){
  //do your things here
  //e.g.
  x    -= 10;
  angle = 50;
});


查看更多:https://api.jquery.com/click/

07-24 09:50
查看更多