按下 Ctrl、Shift 等时如何阻止正则表达式选择字符匹配项？

Question

我的任务是制作一个代码，当按下一个键并计算输入的字符数时。 我决定使用var regex=/[a-zA-Z0-9]/; ，但令我惊讶的是，当我按下Enter 、 Shift 、 Ctrl或Alt时，它会注册所有这些。

这是重要的代码片段：

window.onload = init;

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

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

    var regex=/[a-zA-Z0-9]/;

    if (event.key.match(regex)) {
        console.log(event.key)
    }
}

这样，如果正则表达式拾取该字符，我将看到该字符出现两次，否则将出现一次。 我已经尝试了几乎所有关于RegExp的 W3Schools 文档。

我试过的东西： [A-Za-z0-9] ， [^\n] （也尝试过\0 ， \n ， \f ， \r ， \t ， \v ）， [\w] ， [] （显然，至少在这里，它没有注册任何密钥）。

我想知道如何排除不改变文本上下文的字符，而不是单独手动键入每个字符。

Answer 1

如果您想使用正则表达式来过滤掉 a-zA-Z0-9 字符，那么您的原件几乎正确您要寻找的是^[a-zA-Z0-9]$这个正则表达式将只匹配一个字符； 正则表达式中^和$之间的任何内容都意味着该模式必须从字符串的开头开始到字符串的结尾。 您的原始答案失败，因为[a-zA-Z0-9]在字符串中搜索所有一个字符长的字母数字子字符串，显然字符串“Enter”仍然包含字母数字字符，因此您的 regex.match 将导致匹配。

此外，您还可以考虑使用regex.test(str) ，因为它返回 boolean，您可以在https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp阅读更多相关信息/测试