javascript - 在 javascript/jquery 中重新映射按键

Question

有没有一种“简单”的方法可以在页面上将击键映射到另一个键？

背景:

我们正在使用自定义 javascript 网格来处理网络应用程序中的键盘输入。通常，[enter] 键允许用户移动到下一行，[tab] 键允许用户向右移动。网格处理击键，并在按下时具有一些相当复杂的逻辑。

我们的用户要求我们将数字键盘上的加号键 [+] 映射到 [tab]，这样他们在键入时就不需要用两只手了。这似乎是合乎逻辑的(他们用另一只手拿着纸连续输入数千个数字)，但我不知道该怎么做。

Answer 1

你可以这样做:

$(document).keydown(function(e){
  if(e.keyCode == 107) { // + key on num keyboard on my keyboard, test your clients to be sure
     e.preventDefault();
     //trigger tab functionality here
  }
});

要触发选项卡功能，我会使用 focus() 调用元素，这些元素设置了 tabindex="0" 以便它们落入页面并且是可聚焦的 - 如果它是 formelements 它们已经是可聚焦的并且不需要 tabindex 属性。