Javascript 字符串替换直到长度满足而不是 instantanoeus 才生效

Question

我有一个输入电话号码的 html 元素。它具有执行此操作的 onkeyup 和 onkeydown 事件:

document.getElementById("phone").value = document.getElementById("phone").value.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3");

现在，当我使用它时，它工作正常，但它只会在用户输入 10 个数字后才进行更改。 我正在寻找的是在用户键入时显示格式的即时更新。

我不知道如何修改代码以使其按原样工作。

Answer 1

您可以使用此正则表达式随时更新值:

document.getElementById("phone").value = document.getElementById("phone").value.replace(/(\d{3})(\d{0,3})(\d{0,4})/, "$1-$2-$3");

它会在输入时立即添加破折号并用数字填补空白