javascript - 键入时文本字段更改时更改跨度

我希望span字段中的文本更改为input字段更改live。

所以我有一个input字段

<input type="text">

和一个span字段

<span></span>

我想在span字段中键入时更改input字段中的文本。

我知道已经有一个这样的问题被询问Change span when text field changes。但是使这个问题与众不同的是，您键入即live时应该进行更改。

最佳答案

这是原始的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>