How can I check with JQuery, if a certain word is typed in the Browser?

Question

This is a funny one, I want to display a certain div on a website only if a secret word is typed on that page (no forms are present). What is the easiest way to accomplish this with JQuery? Are there any Plugins? Thanx in advance cheers Tabaluga

Answer 1

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);
}

you can check what letters are what by doing:

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

Answer 2

try using js-Hotkey jquery plugin:

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

Also you may want to inspect through KonamiCodeWebsites to see how it works:

In this website you need to enter konami code (UP + UP + DN + DN + LFT + LFT + RGT + RGT + B + A) in order to enter the website!