Question

这是一个有趣的，我只想在网页上输入一个密码（不存在任何表格），在网站上显示某个div。使用JQuery实现这一目标的最简单方法是什么？有插件吗？ Thanx提前欢呼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);
}

您可以通过以下方式检查字母是什么：

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

Answer 2

尝试使用js-Hotkey jquery plugin：

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

此外，您可能需要通过KonamiCodeWebsites进行检查以了解其工作原理：

在本网站中，您需要输入konami代码（UP + UP + DN + DN + LFT + LFT + RGT + RGT + B + A）才能进入网站！

Answer 3

纯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

Answer 4

HTML：

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

JS：

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

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

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

如果你熟悉Javascript闭包，你可以摆脱这样的全局变量：

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

Answer 5

听起来你需要听键盘事件。

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

    });
});

Answer 6

以下是您可以执行的操作示例：http://jsfiddle.net/Akkuma/CGmnw/

这是澄清的原型。基本上它正在做的是它维护一系列必须按顺序按下的键码。然后它会增加检查并在检测到错误的密钥或时间用完后输入它时重置。

原型提供了在不正确的按键时和经过一定时间后重置。

如果在浏览器中输入某个单词，我如何查看JQuery？

6 个答案: