JavaScript添加快捷键、取消浏览器默认的快捷操作、js查看键盘按钮keycode值

javascript 复制代码
document.addEventListener("keydown",function (event) {
    // 如果不知道按键对应的数字(keyCode)是多少可以弹出查看一下
    // alert(event.keyCode)
    if (event.ctrlKey && event.altKey && event.view["0"] == null){
      if(event.keyCode == 89){
        alert("Ctrl+Alt+y")
      }
    }else if (event.ctrlKey && event.shiftKey && event.view["0"] == null){
      if (event.keyCode == 83){
        alert("Ctrl+Shift+s保存")
      }
    }else if (event.ctrlKey && event.view["0"] == null){
      if (event.keyCode == 83){
        // 取消浏览器默认的保存事件
        window.event.preventDefault();
        alert("Ctrl+s取消浏览器默认的保存事件,改为其他操作")
      }
    }
  })
相关推荐
anOnion8 小时前
构建无障碍组件之Menu Button pattern
前端·html·交互设计
用户47949283569158 小时前
claude Fable用不了?把Gpt 5.5pro接到你的claude code里
前端·后端
JieE2128 小时前
LeetCode 101. 对称二叉树|JS 递归 + 迭代双解法,彻底搞懂镜像判断
javascript·算法
冬奇Lab10 小时前
AI Workflow 定义的四次演进:从 Markdown 到 JS 脚本,再到分布式多 Agent
javascript·人工智能·agent
zhangxingchao11 小时前
Kotlin常用的Flow 操作符整理
前端
IT_陈寒12 小时前
React的useState居然还有这种坑?我差点删库跑路
前端·人工智能·后端
Pedantic13 小时前
SwiftUI 手势笔记
前端·后端
橙子家14 小时前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user205855615181314 小时前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州14 小时前
CSS aspect-ratio 属性完全指南
前端