JS常用的按键事件监听

发表于 | 分类于
JS常用的按键事件监听

单个按键

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
let handleKeyDown = async (event) => {
    if (event.key === "Tab") {
      console.log("Tab 键被按下！");
      event.preventDefault();
    }

    if (event.key === "Enter") {
      console.log("Enter 键被按下！");
      event.preventDefault(); // 阻止默认行为（比如提交表单）
    }

    if (event.key === "Delete") {
      console.log("Delete 键被按下！");
      event.preventDefault(); // 阻止默认行为（比如提交表单）
    }
};
document.removeEventListener("keydown", handleKeyDown);
document.addEventListener("keydown", handleKeyDown);

组合按键

1
2
3
4
5
6
7
document.addEventListener('keyup', function(event) {
    if (event.ctrlKey && event.key === "s") {
      event.preventDefault(); // 阻止默认的保存操作
      // 在这里添加你想要执行的函数或代码
      console.log("Ctrl+S 被按下");
    }
});