jQuery Tastatureingaben erfassen und die Variablen entsprechend

Question

Ich habe eine rudimentäre EasterEgg in meinem Code erstellt zu aktivieren, wenn die folgenden Tastenanschläge gemacht werden (nicht gleichzeitig) Enter + c + o + l + o + r + s mit dem folgenden Code:

isEnter = 0; isC = 0; isO = 0; isL = 0; isR = 0; isS = 0; 
$(window).keydown(function(e){ 
    if(e.which==13) isEnter = 1; if(e.which==67) isC = 1; if(e.which==79) isO = 1; 
    if(e.which==76) isL = 1; if(e.which==82) isR = 1; if(e.which==83) isS = 1; 
    ColorMap(); 
}); 

function ColorMap(){ 
    if(isEnter==1 && isC==1 && isO==1 && isL==1 && isR==1 && isS==1){ 
    //DO FUNCTION// 
    isEnter = 0; isC = 0; isO = 0; isL = 0; isR = 0; isS = 0; //SET VARS BACK TO 0 
    }; 
}; 

Ich brauche Reset-Funktionalität hinzufügen zur Keydown-Funktion, um alle Variablen zurückzusetzen, wenn etwas anderes als diese Tasten gedrückt werden ... auf diese Weise müssen sie Enter + c + o + l + o + r + s drücken oder die Anweisung wird zurückgesetzt und sie müssen neu beginnen ... (dadurch wird das 'EasterEgg' schwieriger zu [oder zumindest weniger wahrscheinlich zu zufällig oder zufällige Tastenanschläge]).

Answer 1

Sie möchten diese in der Reihenfolge auch überprüfen. Im Moment könntest du die Tasten in beliebiger Reihenfolge drücken und trotzdem das Osterei aktivieren. Enter + lorocs zum Beispiel.

ich die Werte speichern, würden Sie suchen, um, wie folgt aus:

//  Enter, c, o, l, o, r, s 
var keys = [13,67,79,76,79,82,83]; 

Dann können Sie einfach weiter verfolgen, wo der Benutzer in der Folge ist:

var nextKey = 0; 
$(window).keydown(function(e){ 
    var key = e.which; 
    if (key === keys[nextKey]) 
     nextKey++; 

    ColorMap(); 
}); 

Dies erhöht nextKey jedes Mal, wenn Sie den nächsten Schlüssel suchen, den Sie in der Sequenz suchen. Die Variable nextKey beginnt mit dem Index 0, was bedeutet, dass wir nach Enter suchen. Jetzt müssen wir die Endbedingung in der ColorMap Funktion überprüfen. ohne dass eine Änderung an anderer Stelle im Code

function ColorMap() { 
    var maxKeyIndex = keys.length - 1; 
    if(nextKey >= maxKeyIndex) { 
    //DO FUNCTION// 

    nextKey = 0; 
    } 
} 

sollte Diese Lösung ermöglicht es Ihnen, die spezielle Sequenz in den keys Variablen zu ändern.

EDIT: Wenn Sie die Antwort wollen zusammenhängend sein, wie Sie wahrscheinlich tun, dann können Sie die nextKey Variable zurückgesetzt, wenn das Spiel ausfällt.

if (key === keys[nextKey]) 
    nextKey++; 
else 
    nextKey = 0; 

Für zusätzliche Kredite, können Sie schalten diese eine Zeichenfolge zu verwenden, um das Osterei zu halten, dann String.fromCharCode es dem Zeichencode zu konvertieren, dass e.which zurückkehrt.

Answer 2

Ich habe vor kurzem eine ähnliche Easter Egg Frage beantwortet, also werde ich Sie nur darauf hinweisen.

Es erfordert einen anderen Ansatz als das, was Sie tun, und es muss nicht zurückgesetzt werden.

Javascript/jQuery Keypress logging

EDIT: Hier ist eine aktualisierte Version, die von immer zu lange den Schlüssel Geschichte hält.

$(document).ready(function() { 

    var easterEgg = 'egg'; 
    var eggLength = easterEgg.length; 
    var keyHistory = ''; 
    var match; 
     $(document).keypress(function(e) { 
      keyHistory += String.fromCharCode(e.which) 
      match = keyHistory.match(easterEgg); 
      if(match) { 
       alert(match); 
       keyHistory = match = ''; 
      } else if (keyHistory.length > 30) { 
       keyHistory = keyHistory.substr((keyHistory.length - eggLength - 1)); 
      } 
     }); 
}); 

Answer 3

Nun werden Sie Ihre Benutzer die magischen Tasten in beliebiger Reihenfolge drücken lassen, was nicht sehr viel Spaß machen würde. Ich würde die magische Sequenz in ein Array setzen, und wenn die erfolgreichen Tastenanschläge übereinstimmen, bewegen Sie sich im Array vorwärts. Wenn Sie bis zum Ende kommen, dann ist es Eizeit.

bearbeiten genau wie @EndanderedMassa schrieb.

Answer 4

Hier ist ein weiterer Ansatz:

<script type="text/javascript"> 
$(function() { 
    $(window).keypress(function(e) { 
    var input = $("#input"); 
    input.val(function(i, v) { return v + String.fromCharCode(e.which) }); 

    if(input.val().indexOf('colors') > -1) { 
     alert('Easter Egg'); 
     input.val(''); 
    } 
    else if('colors'.indexOf(input.val())) { 
     //Clear value, they've hit another key 
     input.val(''); 
    }   
    }); 
}); 
</script> 
<input id="input" type="text" /> 

Es verfolgt den aktuellen Teil der Farben, die Sie in einem Textfeld einfach für das Debuggen eingegeben haben, fügen Sie einfach einen style="display: none;", wenn Sie die Prüfung fertig sind.