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取消浏览器默认的保存事件,改为其他操作")
      }
    }
  })
相关推荐
七号练习生.c4 分钟前
JavaScript基础入门
开发语言·javascript·ecmascript
黄毛火烧雪下17 分钟前
React Native (RN)项目在web、Android和IOS上运行
android·前端·react native
fruge23 分钟前
前端正则表达式实战合集:表单验证与字符串处理高频场景
前端·正则表达式
baozj28 分钟前
🚀 手动改 500 个文件?不存在的!我用 AST 撸了个 Vue 国际化神器
前端·javascript·vue.js
用户40993225021236 分钟前
为什么Vue 3的计算属性能解决模板臃肿、性能优化和双向同步三大痛点?
前端·ai编程·trae
海云前端137 分钟前
Vue首屏加速秘籍 组件按需加载真能省一半时间
前端
蛋仔聊测试38 分钟前
Playwright 中route 方法模拟测试数据(Mocking)详解
前端·python·测试
零号机1 小时前
使用TRAE 30分钟极速开发一款划词中英互译浏览器插件
前端·人工智能
molly cheung1 小时前
FetchAPI 请求流式数据 基本用法
javascript·fetch·请求取消·流式·流式数据·流式请求取消
疯狂踩坑人1 小时前
结合400行mini-react代码,图文解说React原理
前端·react.js·面试