javascript - 如何知道是否按下了没有字符码值的键

Question

我想知道我的键盘上是否按下了 ctrl、space、alt、capslock、shift 之类的键。当我做的时候

String.fromCharCode(e.keyCode)

，它为这些键返回空白值，但是当我这样做时

alert($.trim(String.fromCharCode(e.keyCode))=='')

然后它为除空格键之外的所有键返回 false。所以如果有人可以告诉我获取这些键的 keydown 事件就太好了

Answer 1

原生 JavaScript:

其他常量，参见https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent

window.onkeydown = function (e) {
    switch (e.keyCode) {
        case KeyboardEvent.DOM_VK_SPACE:
            alert('space bar!');
            break;
        case KeyboardEvent.DOM_VK_CAPS_LOCK:
            alert('CAPS LOCK!');
            break;
        case KeyboardEvent.DOM_VK_CONTROL:
            alert('control!');
            break;
        case KeyboardEvent.DOM_VK_SHIFT:
            alert('shift!');
            break;
        case KeyboardEvent.DOM_VK_ALT:
            alert('alt!');
            break;
    }
};

针对避免案例的要求进行了更新:

根据以下测试，只有 9,10,11,12,13,32 会在 trim 后(不包括与普通键盘不对应的数字)缩减为空字符串的数值。看着https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Virtual_key_codes ，唯一对应的是 tab、clear、return 和 space。

// Run in Firefox where trim() is supported (without need for jQuery):
var arr = [];
for (var i=0; i < 0xFFFF; i++) {
    if (String.fromCharCode(i).trim() == '') {
        arr.push(i);
    }
}

换句话说，您自己的测试不会捕获所有情况。

因此您必须根据 https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Virtual_key_codes 处的信息使用数字比较并基于您需要包含(或排除)的确切字符。

例如，如果你认为取消键、帮助键、退格键、制表符等都是你提到的类型，你可以这样做:

window.onkeydown = function (e) {
    if (e.keyCode < 0x30) {
        alert('Special key pressed!');
    }
};

如您所见，这使我们能够在很短的代码量内找到一整组字符(例如，不使用大小写)。 (但如果我们不确切知道您要包含或排除哪些字符，我们无法为您提供更准确的答案。)