Prüfen, ob eine Taste gedrückt ist?

Question

Gibt es eine Möglichkeit, in JavaScript zu erkennen, ob eine Taste gerade gedrückt ist?

Ich kenne das Ereignis "keydown", aber das ist nicht das, was ich brauche. Einige Zeit NACH dem Drücken der Taste, möchte ich in der Lage sein, zu erkennen, ob es noch gedrückt wird.

P. S. Das größte Problem scheint zu sein, dass nach einer gewissen Zeit die Taste beginnt zu wiederholen, Abfeuern von keydown und keyup Ereignisse wie ein Unhold. Hoffentlich gibt es nur eine einfache isKeyDown(key) Funktion, aber wenn nicht, dann wird dieses Problem zu überwinden / gearbeitet werden müssen, um.

Answer 1

Neben der Verwendung von keyup y keydown Hörer zu verfolgen, wann die Taste nach unten und wieder nach oben geht, gibt es son tatsächlich einige Eigenschaften, die Ihnen sagen, ob bestimmte Tasten gedrückt sind.

window.onmousemove = function (e) {
  if (!e) e = window.event;
  if (e.shiftKey) {/*shift is down*/}
  if (e.altKey) {/*alt is down*/}
  if (e.ctrlKey) {/*ctrl is down*/}
  if (e.metaKey) {/*cmd is down*/}
}

Diese sind für alle vom Browser erzeugten Ereignisobjekte verfügbar, wie z. B. für die von keydown , keyup y keypress so dass Sie die Mausbewegung nicht verwenden müssen.

Ich habe versucht, meine eigenen Ereignisobjekte mit document.createEvent('KeyboardEvent') y document.createEvent('KeyboardEvent') und auf der Suche nach e.shiftKey und so weiter, aber ich hatte kein Glück.

Ich verwende Chrome 17 auf dem Mac

Answer 2

Gibt es eine Möglichkeit, in JavaScript zu erkennen, ob eine Taste gerade gedrückt ist?

Nö. Die einzige Möglichkeit ist die Überwachung jedes keyup y keydown und sich erinnern.

Nach einer gewissen Zeit beginnt die Taste, sich zu wiederholen, und löst wie ein Ungeheuer Tastendruck- und Tastendruckereignisse aus.

Das sollte es nicht. Sie bekommen auf jeden Fall keypress wiederholt, und in vielen Browsern erhalten Sie auch wiederholte keydown aber wenn keyup wiederholt, ist das ein Fehler.

Leider handelt es sich dabei nicht um einen völlig unbekannten Fehler: Unter Linux erzeugen sowohl Chromium als auch Firefox (wenn es unter GTK+ ausgeführt wird, was in beliebten Distributionen wie Ubuntu der Fall ist) wiederholte Keyup-Keypress-Keydown-Sequenzen für gehaltene Tasten, die nicht von einem sehr schnellen Tastendruck zu unterscheiden sind.

Answer 3

Meine Lösung:

var pressedKeys = {};
window.onkeyup = function(e) { pressedKeys[e.keyCode] = false; }
window.onkeydown = function(e) { pressedKeys[e.keyCode] = true; }

Ich kann nun überprüfen, ob irgendwo anders im Skript eine Taste gedrückt wird, indem ich prüfe

pressedKeys["code of the key"]

Wenn sie wahr ist, wird die Taste gedrückt.

Answer 4

Ich glaube nicht, dass es so etwas wie eine isKeyDown-Funktion gibt, aber Sie könnten Ihre eigene schreiben.

Erstellen Sie ein Array, dessen Länge der Anzahl der Schlüssel entspricht, die Sie überwachen möchten. Dann mit der Dokumente/Seiten/Steuerelemente keyUp und keyDown-Ereignisse, aktualisieren Sie das Array mit dieser Taste den Zustand.

Schreiben Sie dann eine Funktion, die prüft, ob eine bestimmte Taste gedrückt ist und ein bool zurückgibt.

var keyEnum = { W_Key:0, A_Key:1, S_Key:2, D_Key:3 };
var keyArray = new Array(4);

function onKeyDown()
{
    // Detect which key was pressed
    if( key == 'w' )
        keyArray[keyEnum.W_Key] = true;
    // Repeat for each key you care about...
}

function onKeyUp()
{
    // Detect which key was released
    if( key == 'w' )
        keyArray[keyEnum.W_Key] = false;
    // Repeat for each key you care about...
}

function isKeyDown(key)
{
    return keyArray[key];
}

Damit sollten Sie das erreichen, was Sie wollen.

Answer 5

Ich bin hier gelandet, um zu prüfen, ob der Browser schon etwas eingebaut hat, aber es scheint nicht so zu sein. Dies ist meine Lösung (sehr ähnlich zu Roberts Antwort):

"use strict";

const is_key_down = (() => {
    const state = {};

    window.addEventListener('keyup', (e) => state[e.key] = false);
    window.addEventListener('keydown', (e) => state[e.key] = true);

    return (key) => state.hasOwnProperty(key) && state[key] || false;
})();

Sie können dann prüfen, ob eine Taste gedrückt wurde mit is_key_down('ArrowLeft') .