为网页上的特定按钮创建快捷键| 铬合金

Question

假设我有两个页面： 客户端页面

商品页面

在两个页面中我都有一个“添加”按钮，是否可以创建一个快捷键，例如ctrl + A将单击“添加”按钮，ctrl + B将用于提交，ctrl + E用于新实体？

Answer 1

检测多个按键作为快捷键的简单方法：

let keysDown = {};
window.onkeydown = function(e) {
  keysDown[e.key] = true;

  if (keysDown["Control"] && keysDown["a"]) {
    //do what you want when control and a is pressed for example
    console.log("control + a");
  }
  else if( keysDown["Control"] && keysDown["b"] ){
    console.log("control + b");
  }
}

window.onkeyup = function(e) {
  keysDown[e.key] = false;
}

Answer 2

是的，这绝对是可能的！

您可以自己构建代码，但重新发明轮子是没有意义的，因此请尝试使用预构建库之一。例如： https: //craig.is/killing/mice

您可以创建自定义快捷方式并将它们绑定到 JavaScript 函数。这些函数将处理该操作。

祝你好运！

另请参阅：如何向现有 JavaScript 函数添加 JavaScript 键盘快捷键？