javascript - 如何在 JavaScript 中按下某些按钮时显示文本框？

Question

我想要的只是 PHP 页面上的隐藏文本框，一旦用户按下“CTRL + SHIFT + E”，它就会使文本框可见。我该怎么办呢？我浏览了一些这样的内容:

$("input").keydown(function(){
    $("input").css("background-color", "yellow");
});

但我没有看到任何地方可以告诉它按下了哪个键？

Answer 1

keydown的回调听众传递了 KeyboardEvent ，我建议您阅读有关它们的内容。

$("input").keydown(function(e){
    if (e.ctrlKey && e.shiftKey && e.key == 'E'){
        $("input").css("background-color", "yellow");
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"></input>

<小时/>

要修改此设置以使文本框可见，您应该修改 <input>的display CSS:

$("body").keydown(function(e) {
  if (e.ctrlKey && e.shiftKey && e.key == 'E') {
    $("input").css("display", "inline-block");
  }
});

input {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"></input>