如何使用带有按键的 JavaScript 使 div 出现 [重复]答案

【问题标题】：How to make a div appear with JavaScript with keypresses [duplicate]如何使用带有按键的 JavaScript 使 div 出现 [重复]
【发布时间】：2015-08-14 16:05:58
【问题描述】：

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

例如：'打开控制台{enter}' 现在，没有输入字段，什么都没有。我只需打开我的网站，输入文本，就会弹出一个 div。例如“秘密菜单”。

在没有实际输入字段的情况下如何完成此操作？

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

【问题讨论】：

还要小心这个“秘密”的东西客户端，因为用户可以访问所有源代码
@Paramone，没有实际输入字段是否必不可少？我已经使用 jQuery 库成功地捕获了一个 1px 宽的输入字段的击键，该输入字段没有封闭形式。
@JohnRC 实际上，这听起来还不错。你能详细说明一下吗？你看到输入字段/你如何定位它？然而，它是“不可见的”是必不可少的。
看起来@Snorlax 的答案正是您所需要的。

标签： javascript jquery html css

【解决方案1】：

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

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

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

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

【讨论】：

你的代码没有按照他的要求做，我不明白你是怎么得到 3 票的。如果您的答案是“按照其他 SO 问题中的答案”，则将其标记为重复。
因为我在复制帖子后对其进行了编辑。我是否回答了他的“如何使用带有按键的 JavaScript 使 div 出现”的问题？是的。我在标记为重复后添加了“添加到地图”部分。
不是“使用 any 按键”吗？这是特定的按键。您已经编写了在按下回车时显示元素的代码。他没有在问题中要求过一次。
这没有回答问题。这段代码只听一个键击，问题说：“某些键组合以正确的顺序”。