jQuery.inArray() funktioniert nicht wie erwartet

Question

Was mache ich hier falsch? Die Idee ist, dass ich die Pfeiltasten von irgendetwas anderem trennen kann, aber jeder Tastendruck löst den Alarm aus "Sie haben eine Pfeiltaste gedrückt". Jede Hilfe wäre großartig!

jsFiddle hier oder:

<input id='foo'> 

<script> 

$('#foo').keyup(function (e) { 
    var key = e.keyCode; 
    if ($.inArray(key, [37, 38, 39, 40])) { 
     alert('you pressed an arrow key'); 
    } else { 
     alert("you didn't press an arrow key"); 
    } 
}); 

</script> 

Answer 1

Sie müssen prüfen, ob es einen Index> -1 zurückgibt. Der Index ist -1, wenn es kein Auftreten des Schlüssels in dem Array ist:

if ($.inArray(key, [37, 38, 39, 40]) > -1) 

Answer 2

Die jQuery InArray Funktion des Index des Wertes zurückzugibt. Für die linke Pfeiltaste (37) gibt es 0 zurück und es wird als falsch interpretiert. Sie sollten Ihren Code ändern sein> = 0

if ($.inArray(key, [37, 38, 39, 40]) > -1) 

inArray

Answer 3

Die $ .inArray Methode den Index des Elements zurück, wenn es in dem Array ist, und wenn es nicht in der Anordnung ist es wieder -1, also können Sie es nicht als if-Bedingung verwenden. Ändern Sie es in:

if($.inArray(key, [37, 38, 39, 40]) >= 0)) { 

}