2011-07-11 1 views
5

これは面白いものです。秘密の単語がそのページに入力されている場合(フォームが存在しない場合のみ)、ウェブサイトに特定のdivを表示したいと思います。 JQueryでこれを達成する最も簡単な方法は何ですか?プラグインはありますか? 事前にありがとう 歓声Tabalugaブラウザに特定の単語が入力されている場合、JQueryでどのように確認できますか?

+0

がどのように/あなたは、ユーザがこの単語を入力したいですか? –

+0

フォームはありませんか?テキスト入力が全くないということですか? – Johnny5

+0

あなたが言っていることは、テキストボックスに入力するのではなく、入力することだけです。コナミコードタイプのものの一種? – Jeremy

答えて

7
if (window.addEventListener) { 
     var kkeys = [], konami = "68,73,78,78,69,82"; //this spells dinner 
     window.addEventListener("keydown", function(e){ 
       kkeys.push(e.keyCode); 
       if (kkeys.toString().indexOf(konami) >= 0) { 
        // run code here  
        $("#text").hide().fadeIn("slow").html('Now the website will appear.'); 
       } 
     }, true); 
} 

あなたは行って、何が何であるか手紙チェックすることができます。また、あなたはKonamiCodeWebsitesて検査することをお勧めします

$(document).bind('keydown', 's+e+c+r+e+t', fn); 

if (window.addEventListener) { 
    window.addEventListener("keydown", function(e){ 
     $("#text").append(e.keyCode + " "); 
    }, true); 
} 
+0

大変です! Thanx a lot :) – tabaluga

2

js-Hotkey jquery pluginを使用してみてくださいどのように動作するかを確認する:

ウェブサイトにアクセスするには、このウェブサイトにコナミコード(UP + UP + DN + DN + LFT + LFT + RGT + RGT + B + A)を入力する必要があります。

+0

クールなプラグイン!ありがとうございました – tabaluga

1

HTML:

$(document).keypress((function(e) { 
    var pass = "password"; 
    var typed = ""; 

    return function(e) { 
     typed += String.fromCharCode(e.which); 

     console.log(typed); 
     if (typed === pass) { 
      $('.secret').show(); 
     } 
    }; 
})()); 
+0

非常に、非常に:) – tabaluga

0

は次のように聞こえる:あなたはJavascriptに精通している場合、あなたがこのようなグローバル変数を取り除くことができますクロージャ

var pass="password"; 
var typed=""; 

$(document).keypress(
    function (e) { 
     typed += String.fromCharCode(e.which); 

     if (typed===pass) { 
      $('.secret').show(); 
     } 
    } 
); 

<div style="display: none" class="secret">Correct password!</div> 

JSキーボードイベントを聴く必要があります。ここで

$(document).ready(function(){ 
    var currentKey = 0; 
    var validKeyArray = [22,23,24]; //list of valid keys to listen to in order 
    $('body').keyup(function(event) { 
     if (event.keyCode == validKeyArray[currentKey]){ 
      currentKey ++; 
     } else { 
      currentKey = 0; 
     } 
     if (currentKey == validKeyArray.length){ 
      // SUCCESS! Do your magic div right here! 
      // console.log('SUCCESS!'); 
     } 

    }); 
}); 
+0

非常に、非常に:) – tabaluga

+0

問題ありません...私は実際には成功条件は 'if(currentKey == validKeyArray.length-1)' whoops! :-) –

+0

私はその '' '' '' '' '' keyCode'''''のキャメルケースと思うよ。 –

0

は、あなたが何ができるかの例です:http://jsfiddle.net/Akkuma/CGmnw/

はこれが明確化のためのプロトタイプです。基本的には、この順序で押さなければならないキーコードの配列を保持しているということです。次に、誤ったキーが検出されたとき、または入力にタイムアウトすると、チェックをインクリメントしてリセットします。

このプロトタイプでは、誤ったキーを押すと一定の時間が経過した後にリセットが行われます。

+0

非常に、非常に:) – tabaluga

2

ピュアのjavascript:

var typedWord = ''; 
window.addEventListener('keypress', function(e){ 
    var c = String.fromCharCode(e.keyCode); 
    typedWord += c.toLowerCase(); 
    if(typedWord.length > 4) typedWord = typedWord.slice(1); 
    if(typedWord == 'jogo') alert('JOGO'); 
}); 

http://codepen.io/rafaelcastrocouto/pen/xeGps

関連する問題