以下是一个简单的 HTML 页面，其中包含用于处理键盘事件的 JavaScript 代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Keyboard Shortcuts</title>
</head>
<body>
<script>
// 监听键盘按下事件
document.addEventListener('keydown', function(event) {
// 根据按下的键码执行相应的操作
switch (event.keyCode) {
case 65: // 'A' key
alert('You pressed the A key!');
break;
case 83: // 'S' key
alert('You pressed the S key!');
break;
// 添加更多的键码和对应操作
}
});
</script>
</body>
</html>
在这个例子中，keydown 事件被用来监听键盘按下的动作。在事件处理函数中，通过 event.keyCode 属性获取按下的键码，然后可以根据需要执行相应的操作。上面的例子演示了按下 'A' 键和 'S' 键时弹出相应的警告框。
请注意，上述的键码是根据 ASCII 码来定义的。你可以查找 ASCII 码表以了解不同键的键码。另外，为了提高可访问性，你可能还需要处理键盘事件的同时考虑键盘焦点和用户体验。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12464/HTML