javascript - 在不需要的字符出现之前从文本输入中删除它们

Question

我有一个限制文本输入的函数:

function alphaNumericSpace(inInput) {
    inInput.value = inInput.value.replace(/[^\w ]/g, "").replace(/^ +|( ) +/g, "$1");
}

这是一个使用它的文本输入示例:

<input name="type" type="text" maxlength="32" onkeyup="alphaNumericSpace(this);">

这个想法是让用户知道在他们输入时会发生的文本清除类型(只允许带有单个空格的字母数字字符，最后的空格 - 如果有的话 - 在PHP)。

但是这有两个我想解决的问题:

• 可以按住不想要的字符的键来避免onkeyup 事件，同时点击“提交”。这导致提交不需要的字符
• 我什至不希望不需要的字符出现在文本输入中首先，他们能否在出现在公众面前之前被拒绝？浏览器？

Answer 1

您可以使用 onInput 事件。

<input oninput="alert('hello')">

引用:setting oninput event with Javascript