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>的{{1}} CSS：

display

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

input {
  display: none;
}

Answer 2

即使打开了toLowerCase()，也可以使用e来检查键capslock使其起作用：

$("input").keydown(function(e){
  if(e.ctrlKey && e.shiftKey && e.key.toLowerCase() == '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 />

当在Javascript中按下某些按钮时，如何使文本框出现？

2 个答案: