js响应键盘事件,并且拦截浏览器默认事件

3 min read

可以使用addEventListener方法来监听键盘事件,然后在事件处理函数中使用preventDefault方法来阻止浏览器默认事件的发生。

document.addEventListener('keydown', function(event) {
  // event.key 获取按下的键盘字符
  if (event.key === 'Enter') {
    // 阻止浏览器默认事件的发生
    event.preventDefault();
    // 处理自己的逻辑
    alert('Enter key pressed');
  }
});

在上面的例子中,我们监听了键盘事件,当按下 Enter 键时,阻止浏览器默认行为并弹出一个警告框。

可以使用event.stopPropagation()方法来阻止事件进一步冒泡。