当前位置：首页 > JavaScript

js实现keydown

2026-04-06 09:03:25JavaScript

监听键盘事件的实现方法

在JavaScript中，可以通过addEventListener方法监听键盘按下事件（keydown）。以下是一个基本示例：

document.addEventListener('keydown', function(event) {
  console.log('按下的键:', event.key);
  console.log('键码:', event.keyCode || event.which);
});

常用属性和方法

keydown事件对象包含多个有用属性：

event.key：返回按下的键的字符串表示（如"Enter"、"A"等）
event.code：返回物理键码（如"KeyA"、"Space"等）
event.keyCode/event.which：返回键的数字代码（已废弃但广泛支持）
event.ctrlKey/event.shiftKey/event.altKey/event.metaKey：布尔值，表示是否按下了修饰键

特定按键检测示例

检测回车键按下：

document.addEventListener('keydown', function(event) {
  if (event.key === 'Enter') {
    console.log('回车键被按下');
    // 执行相关操作
  }
});

检测组合键（如Ctrl+S）：

document.addEventListener('keydown', function(event) {
  if (event.ctrlKey && event.key === 's') {
    event.preventDefault(); // 阻止默认保存行为
    console.log('Ctrl+S被按下');
    // 执行自定义保存操作
  }
});

移除事件监听

当不再需要监听时，可以移除事件处理器：

js实现keydown

function handleKeyDown(event) {
  console.log('按键:', event.key);
}

// 添加监听
document.addEventListener('keydown', handleKeyDown);

// 移除监听
document.removeEventListener('keydown', handleKeyDown);