使用event.key属性来监听键盘按键

在现代浏览器中,使用event.key属性来监听键盘按键是更好的做法。这是因为event.keyCode已经被弃用,并且在不同的浏览器和设备上可能会有不同的行为。

根据MDN文档:

event.keyCode: 这个属性已经废弃,不推荐使用,因为它对于同一字符在不同布局下可能返回不同的值。
event.key: 这是推荐使用的属性,它返回一个表示按下的实际键的字符串,不受当前布局的影响。
所以,在监听Escape键时,你应该这样写:

document.addEventListener('keydown', function(event) {
  if (event.key === 'Escape') {
    // 处理Esc键按下事件
    console.log('Escape key pressed');
  }
});

这种方式可以提供更好的兼容性和跨平台一致性。

Keycode对照表

posted @ 2024-01-27 10:54  龙陌  阅读(272)  评论(0)    收藏  举报