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取消浏览器默认的保存事件,改为其他操作")
      }
    }
  })
相关推荐
We་ct5 分钟前
LeetCode 4. 寻找两个正序数组的中位数:二分优化思路详解
前端·数据结构·算法·leetcode·typescript·二分
H@Z*rTE|i9 分钟前
vue首屏加载优化
前端·javascript·vue.js
FreeBuf_10 分钟前
新型开源供应链攻击:虚假 npm 安装日志暗藏 RAT 木马
前端·npm·开源
Irene199111 分钟前
v-model 的本质,defineModel() 是 Vue 3.4 的重大改进
前端·javascript·html5
vvw&21 分钟前
如何在 Linux 中安装和使用 nftables
linux·运维·服务器·ubuntu
桌面运维家24 分钟前
KVM虚拟机:Neutron网络故障诊断与修复实战
服务器·网络·php
zl_dfq27 分钟前
计算机网络 之 【http协议】(简易HTTP服务器实现逻辑)
服务器·计算机网络·http
西西学代码29 分钟前
Flutter---构造函数
开发语言·javascript·flutter
invicinble36 分钟前
关于对vue的认识
javascript·vue.js·ecmascript
EF@蛐蛐堂38 分钟前
【vue】Vite 生态 5 个 “新玩具“
前端·javascript·vue.js