更改在文本字段中輸入的字符的值

Question

例如，我有以下代碼，我試圖將僅輸入到文本字段中的任何字符解釋為來自arrayOfCharacters的第一個元素。 但是，這種操作在輸入第二個字符時不起作用。 我想知道是否有人知道為什么它不起作用。 謝謝！

let arrayOfCharacters = ["‛¯¯٭٭¯¯(▫▫)¯¯٭٭¯¯", "=^..^="]

document.getElementById("input-area").onkeypress = function(evt) {
  let val = this.value
  //Transform the typed characters
  this.value = val + arrayOfCharacters[0]
}

Answer 1

這有效：

var arrayOfCharacters = ["‛¯¯٭٭¯¯(▫▫)¯¯٭٭¯¯", "=^..^="]
var totalValues = 0;
document.getElementById("input-area").onkeypress = function(evt) {
  evt.preventDefault();
  var val = this.value
  //Transform the typed characters

  // notice totalValues variable
  this.value += arrayOfCharacters[totalValues]; 
  totalValues++;
}

例：

https://jsfiddle.net/pn8h4rqt/