如何在按键上触发键盘上的事件？

Question

我想知道如何这个网站做了以下'复活节彩蛋'：

当您在此页面上的键盘上键入“dance”时：http://wistia.com/about/yearbook图像会变为跳舞的人。

我怎样才能实现类似的东西？例如。

$('#image').bind('keypress', function(e) {
    if(e.keyCode==70){
        // pressed 'f', do something...
    }
});

Answer 1

只需将输入附加到字符串，然后检查以确认输入的最后一位=您要查找的字符。

var secret = "6865786769"; //dance
var input = "";

$(document).keyup(function(e) {
    input += e.which;

    check_input();
});

function check_input() {
    if(input.substr(input.length-secret.length) == secret) {
        //the secret code
        alert('Dance');
    }
}

Here是一个有效的jsfiddle。