在 Javascript 中，如何检测 keydown 和 keyup 事件中的字符大小写（大写/小写）？

Question

我需要检测事件keydown和keyup中字符的大小写

$('body').keydown(
    function(event) {
        var charCode = (event.which) ? event.which : event.keyCode;
        var char = String.fromCharCode(charCode);
        console.log(char + " is down pressed");
    }
);

$('body').keyup(
    function(event) {
        var charCode = (event.which) ? event.which : event.keyCode;
        var char = String.fromCharCode(charCode);
        console.log(char + " is up pressed");
    }
);

你可以在这里试试：http://jsfiddle.net/8dqwW/
即使没有按大写锁定，它也总是返回大写字母。

在这两个事件中，我怎样才能检测到字母的大小写是大写还是小写？

Answer 1

keyup 和 keydown 无法检测大小写。
只有keypress 可以这样做！

Answer 2

使用 event.key 和现代 JS！

没有数字代码了。您可以直接检查密钥。例如"Enter"、"LeftArrow"、"r" 或"R"。 "keypress"、"keydown" 或 "keyup" 都可以。

document.addEventListener("keypress", function (event) {
    const key = event.key;
    const keyLower = key.toLowerCase();

    // Check it is a char between A-Z, not numbers, etc.
    if (key.length !== 1 || keyLower < "a" || keyLower > "z") {
        return;
    }

    // Check for case
    const isUpperCase = (key !== keyLower);
});

你可以用正则表达式来简化它

const key = event.key;
const isLowerCaseLetter = (/[a-z]/.test(key));
const isUpperCaseLetter = (/[A-Z]/.test(key));

Answer 3

如果转换成大写后字符还是一样，则以：开头的大写：

if (fromCharCode(e.which).toUpperCase() == fromCharCode(e.which))

由于 jQuery 规范化 e.which，而 keypress 事件的工作方式略有不同，我会做类似的事情：

$('body').on({
    keypress: function(e) {
        var char = String.fromCharCode(e.which),
            isUpper = char == char.toUpperCase();
        console.log(char + ' is pressed' + (isUpper ? ' and uppercase' : ''))
    }
});

FIDDLE