javascript - 当您键入时文本字段发生变化时更改跨度

Question

我希望 span 字段中的文本随着 input 字段的变化而变化 live。

所以我有一个输入字段

<input type="text">

和一个span字段

<span></span>

我希望 span 字段中的文本随着我在 input 字段中的键入而改变。

我知道已经有人问过这样的问题了Change span when text field changes .但是这个问题的不同之处在于，更改应该在您键入时发生，即 live。

Answer 1

这是一个普通的 JavaScript 版本。

var input  = document.querySelector("[type=text]"),
    output = document.querySelector(".output");

function keydownHandler() {
  output.innerHTML = this.value;
}

input.addEventListener("input", keydownHandler);

<input type="text">
<span class="output"></span>