如何使用 JavaScript 检测按键？

在Web应用程序中，有时需要检测用户按下的按键并根据按键执行相应的操作。JavaScript提供了一种简单的方法来实现此目的。以下是一些关于如何使用JavaScript检测按键的方法：

1. 使用事件监听器

可以使用addEventListener()方法添加按键事件监听器，然后在回调函数中执行相应的操作。例如，以下代码将监听用户按下Enter键的事件：

document.addEventListener('keydown', (event) => {
  if (event.key === 'Enter') {
    // 执行相应的操作
  }
});

2. 使用键码值

每个按键都有一个对应的键码值。可以使用该值来检测用户按下的按键。例如，以下代码将检测用户是否按下了'A'键：

document.addEventListener('keydown', (event) => {
  if (event.keyCode === 65 || event.which === 65) {
    // 执行相应的操作
  }
});

3. 使用键名

可以使用键名来检测用户按下的按键。键名在不同浏览器中可能稍有不同，但是大多数浏览器都支持event.key属性。例如，以下代码将检测用户是否按下了'Escape'键：

document.addEventListener('keydown', (event) => {
  if (event.key === 'Escape') {
    // 执行相应的操作
  }
});

4. 避免默认行为

在某些情况下，需要避免按键事件执行默认的操作（例如，防止表单提交或跟随链接）。可以使用preventDefault()方法来避免该行为。例如，以下代码将阻止表单提交：

document.addEventListener('keydown', (event) => {
  if (event.key === 'Enter') {
    // 阻止表单提交
    event.preventDefault();
  }
});

使用以上技巧，您可以轻松地检测用户按下的按键并根据情况执行相应的操作。