【JavaScript】事件监听：键盘事件

// 监听键盘按下事件
document.addEventListener('keydown', function(event) {
    const key = event.key; // 获取按下的键名
    console.log('键被按下:', key);
    // 根据按下的键做出相应的操作
    if (key === 'Enter') {
        console.log('确认键被按下');
    } else if (key === 'ArrowUp') {
        console.log('上箭头键被按下');
    } else if (key === 'ArrowDown') {
        console.log('下箭头键被按下');
    }
});
 
// 监听键盘抬起事件
document.addEventListener('keyup', function(event) {
    const key = event.key; // 获取抬起的键名
    console.log('键被抬起:', key);
    // 根据抬起的键做出相应的操作
    if (key === 'Escape') {
        console.log('取消键被松开');
    }
});

这段代码演示了如何在JavaScript中监听键盘按下和抬起的事件，并根据按键的不同执行相应的操作。使用event.key可以获取按键的名称，这样可以针对不同的按键进行逻辑处理。