javascript - 写入字符串时的彩蛋

Question

我想在我的网站上实现一个功能。这个想法是当用户在他的键盘上以定义的顺序写字母时有某种复活节彩蛋。

用户必须直接在网站上写这个，而不是在文本区域或类似的地方。

我想使用 jquery .onkeypress 函数，但这个函数需要一个选择器，我不确定是否允许在没有输入的情况下使用它。

然后我需要将用户按下的键存储在某个字符串中，并在用户按下给定字符串以外的另一个键时重置该字符串。

'qwerty' is the default string, if the user writes 'qwo' it resets the string

代码必须尽可能隐藏。一旦用户输入完全正确的字符串，它就会触发警报之类的东西，但我知道这部分该怎么做。我的问题是 javascript/jquery 函数。

感谢任何帮助，我在询问之前已经在 Google 上搜索了很多，但我什至不知道要写什么才能找到这样的东西。

谢谢!

Answer 1

我也会发布我的实现，尽管其他实现更快。 :) 我更喜欢使用闭包来隐藏状态，简单的字符串函数可以轻松解决这个问题。因此，要将“qwerty”更改为其他字符串，您只需更改变量 strTotype，也就是可以轻松将其放入构造函数中。

window.addEventListener( 'keypress', (function() {
    var strToType = 'qwerty',
        strTyped = '';
    return function( event ) {
        var character = String.fromCharCode(event.which);
        strTyped += character;
        if (strToType.indexOf(strTyped) === -1) strTyped = '';
        else if (strTyped === strToType) {
            strTyped = '';
            alert('activate easteregg here');
        }
    };
}()) );