JS常用的按键事件监听

单个按键

代码语言：javascript复制

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);

组合按键

代码语言：javascript复制

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

console event 表单 函数 事件

0 人点赞