如何用jQuery检测转义键的按下

为了检测转义键的按下，将在jquery中使用keyup或keydown事件处理器。当键盘上的转义键被按下时，它将在文档中触发。

keyup事件。当键盘上的键被释放时，该事件被触发。
keydown事件。当键盘上的键被按下时，该事件被触发。

语法:

$(document).on('keydown', function(event) {
       if (event.key == "Escape") {
           alert('Esc key pressed.');
       }
   });

Explanation:
在整个文档中，我们正在调用on方法，并将键盘下拉或上拉事件作为第一个参数传递。第二个参数是一个函数，它在键盘下键或上键事件发生时调用，并在按下键盘上的逃生键时显示一个警告。

例子-1：这个例子检测了转义键的按下，（使用按键事件处理程序）

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <title>
      escape-jquery-detection
  </title>
    <script src=
"https://code.jquery.com/jquery-3.3.1.min.js">
  </script>
</head>
  
<body>
    <h1>
      Escape jquery detection
      using keydown event handler
  </h1>
</body>
  
<script>
    $(document).on(
      'keydown', function(event) {
        if (event.key == "Escape") {
            alert('Esc key pressed.');
        }
    });
</script>
  
</html>

按转义键前的输出：
如何用jQuery检测转义键的按下？

按转义键后的输出：
如何用jQuery检测转义键的按下？

例子-2：这个例子检测到转义键的按下（使用keyup事件处理器）

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <title>
      escape-jquery-detection
  </title>
    <script src=
"https://code.jquery.com/jquery-3.3.1.min.js">
  </script>
</head>
  
<body>
    <h1>
Escape jquery detection using keyup event handler
  </h1>
</body>
  
<script>
    $(document).on('keyup', function(event) {
        if (event.key == "Escape") {
            alert('Esc key pressed.');
        }
    });
</script>
  
</html>

按转义键前的输出：
如何用jQuery检测转义键的按下？