javascript - 在输入类型的文本中，为什么我无法添加 - 在键入四个字母后使用 javascript？

Question

我只是想创造这样的东西 -在 html 中，我有一个输入类型文本，只要输入值的长度为 2，javascript 就会在这之后添加一个连字符，例如 -如果值 id 为“sd”，则 javascript 会将其设为“sd-”，它在控制台上工作，但它不会在视觉上改变输入的值(用户看不到)。

我想要一个改变输入值的解决方案，我可以看到在输入中添加了一个连字符。

let dateA = document.getElementById("dateOne");


dateA.onkeyup = function(){
    let dataAValue = this.value;
    let dataAValueLength = this.value.length;
   if(dataAValueLength == 2) {

   let valueReplaced = dataAValue.replace(`${dataAValue}`, `${dataAValue}-`) 
//    console.log(dataAValue);
   dataAValue = valueReplaced;
  
   }
}

  <input type="text" id="dateOne">

Answer 1

您正在重新分配变量。您需要修改对象 this

您可以通过使用 + 代替 replace 并使用三元运算符代替 if-else

来清理您的代码

let dateA = document.getElementById("dateOne");
dateA.onkeyup = function(){
    this.value += this.value.length === 2 ? '-' : ''
}

<input type="text" id="dateOne">