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取消浏览器默认的保存事件,改为其他操作")
      }
    }
  })
相关推荐
ahauedu13 小时前
本地部署开源的前端项目npm经历(1)
前端·npm·开源
h_654321013 小时前
打包报错ERROR Error: Cannot find module ‘webpack/lib/RuleSet‘
前端·webpack·npm
鸠摩智首席音效师13 小时前
什么是 Unix / Linux 中的僵尸进程 ?
linux·服务器·unix
小旋风0123413 小时前
uniapp开发app解决视频层级太高的问题(subNvue方法)
前端·uni-app·音视频
吃不胖爹13 小时前
Flutter 基本架构与使用
javascript·flutter·架构
哈__13 小时前
ReactNative项目OpenHarmony三方库集成实战:react-native-tts 语音播放
javascript·react native·react.js
曦月合一13 小时前
访问服务器json接口,将json字符串解析成json格式的demo
运维·服务器·json
开开心心_Every13 小时前
轻松加密文件生成exe,无需原程序解密
运维·服务器·网络·电脑·excel·consul·memcache
Jinuss13 小时前
源码分析之React中useCallback和useMemo
前端·javascript·react.js
早點睡39013 小时前
ReactNative项目OpenHarmony三方库集成实战:react-native-background-timer
javascript·react native·react.js