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取消浏览器默认的保存事件,改为其他操作")
      }
    }
  })
相关推荐
IT_陈寒几秒前
Redis客户端连接池不关闭的后果,程序直接崩给我看
前端·人工智能·后端
怕浪猫几秒前
Electron 开发实战(九):调试技巧与开发者工具|测试、性能分析、日志追踪全解
前端·javascript·electron
喜欢踢足球的老罗4 分钟前
产品方案:从已有 CRM AI 系统切入 WhatsApp Chrome 插件赛道
前端·人工智能·chrome
无心使然4 分钟前
OpenLayers 10.9.0 渲染架构分析
前端·gis·数据可视化
智能制造产品经理代码提升6 分钟前
ES6+ 标准使用手册
前端·javascript·es6
xiaofeichaichai10 分钟前
ES6+ 模块
前端·ecmascript·es6
xuankuxiaoyao13 分钟前
阶段案例——后台管理系统
java·linux·前端
恋猫de小郭13 分钟前
Android 17 内存管理将严格管控,App 要注意适配
android·前端·flutter
七仔啊15 分钟前
windows server服务器验机流程
运维·服务器·windows
暗冰ཏོ16 分钟前
《uni-app 跨端开发完整指南:从基础入门到 H5、小程序、App 发布上线》
前端·小程序·uni-app·vue·html5