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取消浏览器默认的保存事件,改为其他操作")
      }
    }
  })
相关推荐
MoXinXueWEB几秒前
前端页面获取不到url上参数值
前端
低保和光头哪个先来5 分钟前
场景6:对浏览器内核的理解
开发语言·前端·javascript·vue.js·前端框架
想要一只奶牛猫23 分钟前
Spring Web MVC(三)
前端·spring·mvc
奋飛33 分钟前
微前端系列:核心概念、价值与应用场景
前端·微前端·micro·mfe·什么是微前端
郝学胜-神的一滴41 分钟前
Linux进程与线程控制原语对比:双刃出鞘,各显锋芒
linux·服务器·开发语言·数据结构·c++·程序人生
山上三树1 小时前
进程状态详解
linux·运维·服务器
山上三树1 小时前
task_struct 详解
运维·服务器·网络
ji_shuke1 小时前
canvas绘制拖拽箭头
开发语言·javascript·ecmascript
WoY20201 小时前
本地PyCharm配置远程服务器上的python环境
服务器·python·pycharm
木卫二号Coding1 小时前
jupyterlab-安装与启动
linux·运维·服务器