Javascript / jQuery Keypress日志记录 [英] Javascript/jQuery Keypress logging

问题描述

我希望能够在特定页面上记录按键，尝试实现复活节彩蛋类型功能，其中按正确的顺序按下正确的按键并触发事件。

I would like to be able to log the key presses on a specific page, trying to implement an 'Easter egg' type functionality where when the correct keys are pressed in the correct order it triggers and event.

任何人都可以给我任何指示吗？

Can anyone give me any pointers?

推荐答案

好吧，即使另一个答案是无论如何，我会抛出一个。

Well, even though another answer has been accepted, I'm going to throw one out there anyway.

$(document).ready(function() {

    var easterEgg = 'egg';
    var eggLength = easterEgg.length;
    var keyHistory = '';
    var match;
        $(document).keypress(function(e) {
            keyHistory += String.fromCharCode(e.which)
            match = keyHistory.match(easterEgg); 
            if(match) {
                alert(match);
                keyHistory = match =  '';
            } else if (keyHistory.length > 30) {
                keyHistory = keyHistory.substr((keyHistory.length - eggLength - 1));
            }
        });
});

当您最终输入'egg'（对于此示例）时，您将收到警报，并且密钥历史记录将重置。

When you ultimately type 'egg' (for this example), you will get an alert, and the key history will reset.

编辑： 更新了代码，以便在字符串过长时截断字符串。

这篇关于Javascript / jQuery Keypress日志记录的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！