Wie kann JavaScript mehrere gleichzeitig gedrückte Tasten erkennen?

So erkennen Sie mithilfe von JavaScript, ob mehrere Tasten gleichzeitig gedrückt werden

Problembeschreibung

Wenn mehrere Tasten gleichzeitig gedrückt werden, kann es zu einer Spiel-Engine kommen Probleme mit der Schlüsselerkennung. Wenn Sie beispielsweise die Leertaste drücken, um zu springen, und die rechte Pfeiltaste drücken, um sich nach rechts zu bewegen, kann es sein, dass die Figur nach dem Springen anhält. Dies liegt daran, dass die Keydown-Funktion zur Erkennung von Tastendrücken nicht mehrere gleichzeitige Tastenanschläge verarbeiten kann.

Lösung

1. Erstellen Sie ein JavaScript-Kartenobjekt, um gedrückte Tasten zu verfolgen.

var map = {};

2. Ereignis-Listener sowohl an Keydown als auch an Keyup anhängen Ereignisse.

onkeydown = onkeyup = function(e) {
  e = e || event;
  map[e.keyCode] = e.type == 'keydown';
};

3. Überprüfen Sie, ob innerhalb der Logik Ihrer Spiel-Engine mehrere Tasten gleichzeitig gedrückt werden.

if (map[17] && map[16] && map[65]) {
  // CTRL+SHIFT+A pressed
}

Zusätzliche Hinweise

• keyCode ist zugunsten von key veraltet, das eine Zeichenfolgendarstellung der gedrückten Taste zurückgibt (z. B. „a“ für A).
• Verwenden Sie addEventListener anstelle von element.onevent, da letzteres vorherige Handler überschreibt.
• Verhindern Sie Standardbrowseraktionen, indem Sie event.preventDefault() verwenden.
• Erwägen Sie die Erstellung eine Hilfsklasse oder Funktion zum Abstrahieren der Logik zur Erkennung mehrerer Schlüssel.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript mehrere gleichzeitig gedrückte Tasten erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!