1

イースター休暇に向けて、私が開発しているサイトでちょっとしたサプライズ「イースターエッグハント」をしたいと思っています。私が隠しているこれらの 5 つのイースターエッグのうちの 2 つは、キープレスで定められます。これは「CTRL と TAB を同時に押す」タイプの取引ではなく、「プレスを 3 回押してから右を 3 回押す」タイプのものになります。これは、一度に 2 つ押すだけでなく、一連のキー押下を探します。この機能をセットアップしましたが、何らかの奇妙な理由で正常に動作しません。

注:以下のスクリプトは、次の一連のキープレスを探しています:
驚き 1 - 左 (x3)、右 (x3)、上 (x3)、下 (x3)
驚き 2 - SHIFT (x3)、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;
    }
};

なぜそれが機能しないのかを正確に教えてください。私にはそれがうまくいくように思えます。

4

4 に答える 4

2

これを試してください: https://github.com/madrobby/keymaster jquery プラグインを使用しています

$(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');  
      } 
   }
});​

デモ: http://jsfiddle.net/codef0rmer/BSdCq/

于 2012-04-08T07:55:36.590 に答える
1

これが私の解決策です。ここで説明するように、配列を比較するためにいくつかの面白いことをしなければなりませんでした。このスクリプトの一般的な要点をニーズに合わせて調整できると確信しています。

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 = [];
});
于 2012-04-08T09:48:16.450 に答える
0

これの方が良い：

$(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');  
   } 
}
});
于 2012-04-17T13:32:54.357 に答える