18

无论出于何种原因，我都无法捕获“SHIFT+TAB”组合。我正在使用最新的 jQuery。

如果我使用其他 ajax/javascript 等，结果相同。

这是一个简单的例子，应该可以按照我目前的理解工作......

event.which 或 event.KeyCode 总是“未定义”，只有 shiftKey 存在于涉及“SHIFT+TAB”或向后键盘遍历的场景中，传统上在基于 Windows 的应用程序/Web 或其他方面固有...

    function ShiftTab()
    {
      debugger;
      if(event.KeyCode == 9 && event.shiftKey) // neither this line nor the following work
//      if (event.which == 9 && event.shiftKey) // shift + tab, traverse backwards, using keyboard
      {
        return true;
      }
      else
      {
        return false;
      }
    }

这似乎是另一个与选项卡顺序相关的项目，它不再像传统上在基于 Microsoft.Net WinForm/WebForm 的应用程序中那样工作。

4

3 回答 3

32

如果您使用的是 jQuery，这应该是代码的工作方式。确保keyCode是小写。此外，jQuery 规范化keyCode为which：

$(document).keyup(function (e) {
    if (e.which === 9 && e.shiftKey) {
        ShiftTab();
    }
});

如果你喜欢简洁的 JavaScript：

$(document).keyup(function (e) {
    e.which === 9 && e.shiftKey && ShiftTab();
});

jQuery 1.7+on语法：

$(document).on('keyup', function (e) {
    e.which === 9 && e.shiftKey && ShiftTab();
});
于 2011-04-18T19:25:03.017 回答
2

我创建了一个连接到按钮的 onkeydown 事件的函数。我使用了 onkeydown，因为 onkeypress 不会捕获我的 tab 按键

function ShiftTab(evt) {
        var e = event || evt; // for trans-browser compatibility
        var charCode = e.which || e.keyCode; // for trans-browser compatibility

        if (charCode === 9) {
            if (e.shiftKey) {
                $('#controlName').focus();
                return false;
            } else {
                   return true;
              }
       }

我采用这种方法来处理两个具体问题：

  1. onkeypress 不会捕获 tab 按键
  2. 单击 shift-tab 时，按下 shift 键会触发功能，所以我嵌套了 shiftkey 修饰符检查
于 2012-03-15T19:48:48.027 回答
0

在按键事件中使用相同的代码。该选项卡在 keypress 和 keyup 之间更改元素。这里我们得到 event.key = tab 和 event.shiftKey = true。

于 2015-08-01T09:59:32.383 回答