Erkennen, wenn eine Taste gedrückt und dann mit jQuery freigegeben wird

Question

Ich möchte überprüfen, mit jQuery, wenn eine Taste gedrückt und dann losgelassen wird. Nur nach der Veröffentlichung möchte ich, dass die Funktion ausgeführt wird (es ist in Ordnung, wenn die einzige Möglichkeit dies nicht mit jQuery zu tun hat, aber wenn es einen Weg für beide gibt, wäre es lieber der mit weniger Bytes).
Ich bin mir ziemlich sicher, dass die Lösung eine Mischung aus keyup() und keydown() oder keypress() Funktionen verwenden würde, aber ich habe nicht herausgefunden, wie Sie sie verketten, so dass der Code die gewünschte Ausgabe erhalten würde. Mein aktueller Code ist:

$("body").keydown(function(event) { 
    $("body").keyup(function(event) { 
     console.log("key pressed/released"); 
     var keyPressed = keys[event.keyCode]; 
     player.hit(keyPressed); 
    }); 
}); 

Aber das führt zu Zehn key pressed/released Meldungen in der Konsole angemeldet ist, nachdem ich eine Taste loslassen. Das Entfernen von keydown() oder keyup() führt zu key pressed/released Nachrichten, die protokolliert werden, wenn ich eine Taste drücke bzw. wenn ich sie loslasse. keypress() funktioniert auch nicht anstelle von keydown(), keyup(), oder nur für sich. Was soll ich tun, um mein gewünschtes Ergebnis zu erreichen?

Answer 1

Nun, Sie können eine Variable, sagen x. x ist falsch. Trennen Sie die Tasten- und Tastenfunktionen. unter keydown addiere ein if (! x) und mache x wahr. Fügen Sie unter keyup ein if (x) hinzu und machen Sie x false. Ich codiere nicht jquery, aber ich dachte, das könnte helfen.

Answer 2

Ich möchte überprüfen, mit jQuery, wenn eine Taste gedrückt und dann freigegeben wird.
Erst nach der Veröffentlichung will ich die Funktion

Nun laufen werden, wenn keyup abgefeuert wird, können Sie sicher sein, der Schlüssel wurde sowohl gedrückt und wieder losgelassen, sonst dieses Ereignis nicht ausgelöst würde, so dass wirklich ist alles was du brauchst.

$(document).on('keyup', function() { 
    console.log('key was released') 
}) 

oder ohne

jQuery

document.addEventListener('keyup', function() { 
    console.log('key was released') 
}); 

Der Grund Code Anmeldung Zehn endet, und dann hunderte von Nachrichten, ist, weil Sie Ereignisse innerhalb Ereignishandler binden, das ist ein No-No ist.

Answer 3

Der Trick besteht darin, die beiden Funktionen voneinander zu trennen und dann eine Variable zu verwenden, auf die beide Funktionen zugreifen können.

Beginnen Sie damit, dass keine Taste gedrückt wird. Führen Sie in Ihrer keydown() eine Bedingung aus, die überprüft, ob gerade eine Taste gedrückt wird. Indem Sie die key_pressed Variable auf true innerhalb der Bedingung setzen, werden Sie die Bedingung nur einmal auslösen; wenn der Schlüssel ist zuerst gedrückt.

Wenn die Taste losgelassen wird, setzen Sie die Variable zurück auf false, um anzugeben, dass momentan keine Tasten gedrückt werden. Dies ermöglicht Ihnen, eine sekundäre Taste zu drücken, nachdem die erste Taste losgelassen wird, und die bedingte auslösen wieder:

var key_pressed = false; 
 

 
$("body").keydown(function(event) { 
 
    if (!key_pressed) { 
 
    console.log("key pressed"); 
 
    key_pressed = true; 
 
    }; 
 
}); 
 

 
$("body").keyup(function(event) { 
 
    key_pressed = false; 
 
    console.log('key released'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Der Vorteil der es auf diese Weise zu tun, ist, dass Sie in der Lage sind Logik auslösen speziell während der Schlüssel gedrückt wird.

Hoffe, das hilft!:)