如何阻止正则表达式匹配Ctrl、Shift等功能键的按键事件？

你的问题根源在于：按下Shift、Enter这类按键时，event.key返回的是按键的名称（比如"Shift"、"Enter"），这些名称里包含字母，所以会被你写的[a-zA-Z0-9]正则匹配到，导致误判。

要排除这些不改变文本内容的按键，不用逐个列举，有两种简单可靠的方法：

方法一：通过按键名称长度判断 #

大多数非文本按键（如Shift、Enter、Ctrl、Alt）的event.key返回值是多字符的单词，而真正的文本字符（字母、数字、空格、标点）的event.key长度为1。直接判断长度即可：

window.onload = init;

function init() {
    window.onkeyup = incrementKey;
}

function incrementKey(event) {
    console.log(event.key);

    // 只处理长度为1的字符，自动排除多字符的功能键/修饰键
    if (event.key.length === 1) {
        console.log(event.key);
        // 在这里执行字符统计逻辑
    }
}

方法二：判断是否为可打印字符 #

如果需要更严谨（比如避免意外的单字符控制字符），可以判断字符是否在可打印的Unicode范围内（空格到波浪号，编码32-126）：

window.onload = init;

function init() {
    window.onkeyup = incrementKey;
}

function isPrintableChar(char) {
    const charCode = char.charCodeAt(0);
    // 可打印字符的Unicode编码范围：32（空格）到126（~）
    return char.length === 1 && charCode >= 32 && charCode <= 126;
}

function incrementKey(event) {
    console.log(event.key);

    if (isPrintableChar(event.key)) {
        console.log(event.key);
        // 在这里执行字符统计逻辑
    }
}

这两种方法都能自动排除Shift、Enter、Ctrl、Alt这类按键，不需要手动列举所有功能键的名称。

内容的提问来源于stack exchange，提问作者hellwraiz