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取消浏览器默认的保存事件,改为其他操作")
      }
    }
  })
相关推荐
Cobyte15 小时前
Vite & Rollup 插件开发实践
前端·javascript·vue.js
朝阳3915 小时前
react19【系列实用教程】实用组件封装
开发语言·前端·javascript
IT_陈寒15 小时前
React的useEffect依赖数组把我坑惨了,原来这样写才靠谱
前端·人工智能·后端
恋猫de小郭15 小时前
Flutter hit,一个可以灵活控制溢出点击的第三方包
android·前端·flutter
古韵15 小时前
小程序上传进度条,还要自己监听 onProgressUpdate 吗?
前端·javascript·uni-app
古韵15 小时前
axios 已经跑得好好的,还要不要上 alova?
前端·javascript·axios
淮北49415 小时前
如何服务器和本地实现挂载
运维·服务器
噗噗1215 小时前
企业微信侧边栏应用与前端 JS-SDK 的深度整合指南
前端·javascript·企业微信
朝阳3915 小时前
react19【实战】配置化路由登录鉴权完整方案
前端·javascript·react.js
木易 士心15 小时前
服务器构建指南:从选型、部署到高可用架构详解
运维·服务器·后端·架构