Javascriptでkeypressコンビネーションシリーズを検出

Question

イースター休暇のために、私が開発しているサイトで「イースターエッグハント」を少し驚きたいと思っています。これらの5つのうちの2つイースターエッグ私は隠されているでしょうか？これは、 "CTRLとTABを同時に押す"タイプの取引のようなものではありませんが、 "Pres UP 3回、Right 3 times"のタイプになります。これは一度に2回押すのではなく、一連のキー押しを探します。私はこの機能を設定していますが、何らかの奇妙な理由のために、それはすべきではないように機能していません。

注：以下のスクリプトは、次のキープレスseiresを探しています：
surprise1 - LEFT（×3）、RIGHT（×3）、UP（×3）、DOWN（×3）
surprise2 - SHIFT（×3） 、TAB（x3）、CTRL（x3）

$(document.body).keydown(function(e) { 
      surprise1(e); 
      surprise2(e); 
}); 

function surprise1(e) { 
    var ev = (e) ? e : window.event; 
    var k = ev.keyCode; 
    if (k > 36 && k < 41) { 
     typekeys[k] = isNaN(typekeys[k]) ? 0 : typekeys[k]; 
     typekeys[k]++; 
     if (typekeys[37] == 3) { 
      if (typekeys[37] == 3 && typekeys[39] == 3) { 
       if (typekeys[37] == 3 && typekeys[39] == 3 && typekeys[38] == 3) { 
        if (typekeys[37] == 3 && typekeys[39] == 3 && typekeys[38] == 3 && typekeys[40] == 3) { 
         alert("You've found Surprise 1! Contact the site admin ASAP to get your prize!"); 
         typekeys[37] = typekeys[39] = typekeys[38] = typekeys[40] = 0; 
        } 
       } else { 
        typekeys[40] = 0; 
       } 
      } else { 
       typekeys[38] = typekeys[40] = 0; 
      } 
     } else { 
      if (typekeys[37] > 3) { 
       typekeys[37] = 0; 
      } 
      typekeys[39] = typekeys[38] = typekeys[40] = 0; 
     } 
    } else { 
     typekeys[37] = typekeys[39] = typekeys[38] = typekeys[40] = 0; 
    } 
}; 

function surprise2(e) { 
    var ev = (e) ? e : window.event; 
    var k = ev.keyCode; 
    if (k > 8 && k < 18) { 
     typekeys[k] = isNaN(typekeys[k]) ? 0 : typekeys[k]; 
     typekeys[k]++; 
     if (typekeys[16] == 3) { 
      if (typekeys[9] == 3) { 
       if (typekeys[16] == 3 && typekeys[9] == 3 && typekeys[17] == 3) { 
        alert("You've found Surprise 2! Contact the site admin ASAP to get your prize!"); 
        typekeys[16] = typekeys[9] = typekeys[17] = 0; 
       } 
      } 
     } else { 
      if (typekeys[16] > 3) { 
       typekeys[16] = 0; 
      } 
      typekeys[9] = typekeys[17] = 0; 
     } 
    } else { 
     typekeys[16] = typekeys[9] = typekeys[17] = 0; 
    } 
}; 

なぜそれが動作しないのか正確に教えてください。それはうまくいくはずです。

Answer 1

はこれを試してみてください：ここでhttp://jsfiddle.net/codef0rmer/BSdCq/

Answer 2

は私のソリューションです：私は

$(function() { 
    var combination = '' 
    key('left', function(){ 
     combination = 'left'; 
     checkCombination(); 
    }); 
    key('right', function(){ 
     combination+= 'right'; 
     checkCombination(); 
    }); 
    key('up', function(){ 
     combination+= 'up'; 
     checkCombination(); 
    }); 
    key('down', function(){ 
     combination+= 'down'; 
     checkCombination(); 
    }); 

    function checkCombination() { 
     if(combination === 'leftrightupdown') { 
     alert('surprise 1'); 
     } 
    } 
});​ 

デモhttps://github.com/madrobby/keymaster jQueryプラグインを使用しています。私はhereと記載されている配列を比較するために面白いことをしなければならなかった。私はあなたのニーズに合わせて、このスクリプトの一般的な主旨に合うことができると確信している....

var seqs = [ [37,37,37,38,38,38,39,39,39,40,40,40], [9,9,9,16,16,16,17,17,17] ]; 
var seq = []; 

var messages=["You've found Surprise 1! Contact the site admin ASAP to get your prize!", "You've found Surprise 2! Contact the site admin ASAP to get your prize!"]; 

window.addEventListener("keydown", function(e){ 
    seq.push(e.keyCode); 
    var eq = function(a,b){ return !(a<b || b<a); }; 
    for (var i = 0; i < seqs.length; i++) { 
     if (eq(seq, seqs[i].slice(0,seq.length))) { 
      if (eq(seq, seqs[i])) { 
      alert(messages[i]); 
      seq = []; 
      } 
     return; 
     } 
    } 
    seq = []; 
}); 

Answer 3

これは良いです：

$(function() { 
    var combination = '' 
    key('left', function(){ 
    combination = 'left'; 
    checkCombination(); 
}); 
key('right', function(){ 
    combination+= 'right'; 
    checkCombination(); 
}); 
key('up', function(){ 
    combination+= 'up'; 
    checkCombination(); 
}); 
key('down', function(){ 
    combination+= 'down'; 
    checkCombination(); 
}); 

key(!'down' && !'left' && !'right' && !'up',function() { 
    combination = ''; 
}); 

function checkCombination() { 
    if(combination === 'leftrightupdown') { 
    alert('surprise 1'); 
    } 
} 
}); 

Answer 4

ここで...私はこの1つを解決する方法

です

var nums = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65]; 
var n = nums.slice(); 
$(document).keydown(function(e){ 
    if(e.which == n[0]){ 
    n.shift(); 
    } else n = nums.slice(); 
    if(n.length == 0) { 
    //success! 
    n = nums.slice(); 
    } 
}); 

あなたはシーケンスが何であるか知っています。 ;）