Javascript按下键码“+1 enter”和“-1 enter”答案

【问题标题】：Javascript press keycode "+1 enter" and "-1 enter"Javascript按下键码“+1 enter”和“-1 enter”
【发布时间】：2016-05-22 15:49:04
【问题描述】：

请问有谁知道如何检测 Javascript 中的按键代码“+1 enter”和“-1 enter”。我想检测何时按下键码一个接一个而不是一次。

但是当我写了以下代码时，没有任何效果。

// +1 enter
$(document).keydown(function(e) {
    if (e.keyCode == 107 && e.keyCode == 49 && e.keyCode == 13) {
    window.alert("+1");
    }
});

// -1 enter
$(document).keydown(function(e) {
    if (e.keyCode == 109 && e.keyCode == 49 && e.keyCode == 13) {
    window.alert("-1");
    }
});

请为您的专业cmet。

【问题讨论】：

您应该使用||，而不是&&。一个按键怎么可能同时是 3 个不同的字符？
我的意思是按+，1，回车或者-，1，一个一个输入但是时间短
您是否对实现您正在寻找的内容（键序列）的库持开放态度，或者您是否需要坚持使用 vanilla JS 和 jQuery？
我已经测试了您的建议，但它不正确。当我按下 +/-、1 或回车时，会提示窗口。
jdphenix，我想我会关注 jQuery。

标签： javascript keycode

【解决方案1】：

为了做到这一点，您需要能够跟踪以前按下的键。请尝试以下操作：

// These are just used to display the result in the DOM--you can delete this
var $keyCodes = document.getElementById('key-codes');
var $result = document.getElementById('result');

// Used to keep track of your key presses
var trackKeyCodes = (function() {
  // Keep a private array of key codes to track
  var keyCodes = [];
  // This is the actual function that gets stored in trackKeyCodes
  return function(keyCode) {
    // Only store the last 3 key codes
    if (keyCodes.length === 3) keyCodes.splice(0, 1);
    // Add the next key code
    keyCodes.push(keyCode);
    // This just displays it in the DOM for you to see--you can delete this
    $keyCodes.innerHTML = keyCodes.join(', ');
    return keyCodes;
  };
})();
// Used to actually check the key presses
var checkKeyCodes = function(keyCodes, first, second, third) {
  return keyCodes[0] === first && keyCodes[1] === second && keyCodes[2] === third;
};

// +1 enter
$(document).keydown(function(e) {
  var keyCodes = trackKeyCodes(e.keyCode);
  if (checkKeyCodes(keyCodes, 107, 49, 13)) {
      $result.innerHTML = '+ 1';
  } else if (checkKeyCodes(keyCodes, 109, 49, 13)) {
      $result.innerHTML = '- 1';
  } else {
      $result.innerHTML = '';
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
KeyCodes: <span id="key-codes">-</span>
</p>
<p>
Result: <span id="result">-</span>
</p>

【讨论】：

谢谢。但是代码“window.alert”应该放在你的代码中的什么地方呢？还有你的代码是什么意思？

【解决方案2】：

您可以使用以下功能：

$(document).keydown((function() {
    var codes = [];
    return function(e) {
        if (e.keyCode == 107 || e.keyCode == 109 || e.keyCode == 49 || e.keyCode == 13) {
            codes.push(e.keyCode);
            if (codes.toString().indexOf('107,49,13') >= 0) {
                alert('+1');
                codes.splice(0, codes.length);
            } else if (codes.toString().indexOf('109,49,13') >= 0) {
                alert('-1');
                codes.splice(0, codes.length);
            }
        } else {
            codes.splice(0, codes.length);
        }
    };
})());

基本上，您只需要找到某种方法来存储以前按下的键，然后在每次按下新键时检查它们。在这种情况下，它存储在 IIFE 闭包内的变量中。

JSFiddle.

【讨论】：

@CKH 是的，确实如此，您必须单击右下角的框并使用数字键盘 + 和 - 键。
不，当我按num lock，按+或-，1一一输入时，没有提示警告窗口。
@CKH 您需要使用普通的1 键，而不是数字键盘。我只是使用您在原始问题中发布的 keyCodes - 对应于键盘1。如果这不适合您的需要，请更改 keyCodes。