Javascript Pfeiltaste Bewegung in HTML-Button

Question

Ich bin sehr neu in Javascript und ich versuche, ein Labyrinth-Spiel zu machen, ich bewege mich mit Pfeilen und Wasd, aber ich kann nicht herausfinden, wie man mit HTML-Tasten für Touch-Geräte bewegen , hier ist mein js Code:

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; 
     } 

jetzt ich, um herauszufinden, ich versucht, wie dies zum Beispiel in eine hTML-Schaltfläche hinzufügen, linke Taste tun, was ein Schlüssel und linke Taste tun.

Ich habe jQuery wie dieser versucht

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

aber ich weiß nicht, wie das, was ich als Parameter für die click() codiert schon passieren.

Answer 1

Sie können alles tun, was Sie wollen.
Vergessen Sie nicht, Ihre Variablen außerhalb des Gültigkeitsbereichs dieser Funktion zu deklarieren.

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

Weitere:
https://api.jquery.com/click/