ASP.NET MVC 项目中的键盘快捷键[重复]答案

【问题标题】：Keyboard shortcuts in an ASP.NET MVC project [duplicate]ASP.NET MVC 项目中的键盘快捷键[重复]
【发布时间】：2016-02-26 11:24:03
【问题描述】：

如何处理多个键？

就像我有多个保存选项，我想一次处理一个按钮。我不知道如何处理整个页面上的多个保存按钮。我在 ASP.NET MVC 项目中使用 jQuery。我该怎么做？

我正在使用此代码：

$(document).bind('keydown', 'ALT+S', function() {
    // Alt + S for saving shortcut
    if (e.keyId == '#btnSaveCompany') {
        // Here I want to handle a function for the key btnSaveCompany
        funSaveCreation();
    }
});

在这里，我想处理用于保存的键盘快捷键的保存按钮。我想通过这个处理多个按钮。

【问题讨论】：

这不是keydown 事件处理程序的工作方式。阅读文档了解更多信息：api.jquery.com/keydown
我得到了这个，但问题是，在我的页面中，我有多个保存按钮来保存多个信息，比如一个用于创建和一个弹出保存以及其他，我正在收集不同的保存功能不同的事情，取消和其他目的也是如此，所以如何处理这种情况，通过哪个功能会coll。
你需要将你的keydown绑定到一个html元素/节点，然后检查key是什么。 “ALT+S”不是一个 html 元素（事实上你根本不需要这个参数——如果你把“#btnSaveCompany”放在这里，那么它只会在那个按钮有焦点时起作用——这违背了拥有一个键盘快捷键。
如果您有多个按钮 - 您希望 alt+s 为哪个按钮工作？你知道键盘快捷键是如何工作的吗？
以及我是如何发现的，就像我在页面上一样，有不同的保存按钮。在弹出窗口上保存的按钮不同，所以如何通过快捷方式处理这个问题。如何找到罗里先生？

标签： javascript jquery asp.net-mvc

【解决方案1】：

例如在 Firefox 中使用 Alt + S 将打开历史菜单。因此，您必须弄清楚要使用哪些按键组合或热键组合不会触发内置的浏览器热键。对于下面的示例，我使用Shift + S 来触发一个函数来模拟保存。

实时示例：http://codepen.io/larryjoelane/pen/zqOQEd?editors=1010

//variable to hold the value of keydown press
//combinations
var saveHotKeys = 0;

//keysDown flag intialized to false
var keysDown = false;

$(document).on("keydown", function(e) {

  //set keysDown flag to true
  keysDown = true;

  //if the keysDown flag is true
  //and the key pressed is not equal to value stored
  if(keysDown === true && e.which !== saveHotKeys){

      //add key code value saveHotKeys
      saveHotKeys += e.which;

  }

  //debug only(used to determine total value of keydown codes)
  console.log(saveHotKeys);

  // SHIFT + S for saving shortcut
  // Using CTRL + S will invoke
  // browser hot key
  if ( saveHotKeys === 99) {

    //call the save function
    funSaveCreation();       

  }

}); 

//key up event to clear the flag  and hot keys values
$(document).on("keyup",function(){

  //set keysDown flag to false
  keysDown = false;

  //clear the saveHotKeys value
  saveHotKeys = 0;

});

function funSaveCreation() {

  alert("saved");

}

【讨论】：