如何使用带有按键的JavaScript显示div

Question

每当我按正确的顺序键入某个键组合时，我想显示/启用div。

例如：'open console {enter}' 现在，没有输入字段，没有任何内容。我只是打开我的网站，输入文本，然后会弹出一个div。比如'秘密菜单'。

如果没有实际的输入字段，我怎样才能做到这一点？

另外，有什么优点和缺点？

Answer 1

$(document).on("keypress", function (e) {
    if(e.which == 13) {
        $("#div").show();
    }
});

示例：http://jsfiddle.net/ve6crpne/

e.which是哪个键。如果键为13（ENTER / Return），它将显示id为div = div的div。

如果您希望连续检测多个键，请将每个键添加到地图中，然后再检查。就像重复的问题一样，可以在这里看到：Detect multiple keys on single keypress event in jQuery - 非常简单。