在 JavaScript 和 HTML DOM 中,键盘事件(如keydown、keyup)的事件对象通常包含一个名为 key 的属性,该属性表示与事件关联的按键。

key 属性返回一个表示按下的键的字符串,通常是一个可视字符(如字母或数字),或者是一个描述按下的非字符键的字符串(如 "Enter" 或 "ArrowUp")。

以下是一个简单的例子,演示了 key 的使用:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>key Example</title>
</head>
<body>

  <input type="text" id="myInput" placeholder="Type something">

  <script>
    var myInput = document.getElementById('myInput');

    myInput.addEventListener('keydown', function(event) {
      var keyPressed = event.key;
      alert('Key Pressed: ' + keyPressed);
    });
  </script>

</body>
</html>

在这个例子中,当你在输入框 myInput 中按下键盘时,会触发 keydown 事件,并通过 event.key 获取按下的键,并将其显示在弹出框中。这对于捕获用户输入的特定按键信息是很有用的。


转载请注明出处:http://www.zyzy.cn/article/detail/6263/JavaScript 和 HTML DOM