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

时间:2016-03-22 22:08:06

标签: javascript text-manipulation

例如,我有以下代码,我试图将任何输入文本字段的字符解释为我的arrayOfCharacters中的第一个元素。然而,这种方式在输入第二个字符时起作用。我想知道是否有人知道为什么这不起作用。谢谢!

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

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

1 个答案:

答案 0 :(得分:0)

这有效:

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/