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