javascript - 在 Javascript 中动态显示长度作为类型

Question

所以我想在输入时动态显示长度，但不知道如何去做。它必须随着输入或删除的每个字母而更新。例如“我”长度= 3“Ia”长度 = 2当然，我可以通过单击按钮或按回车键静态地执行此操作，但我希望在我键入时发生这种情况。请帮忙

Answer 1

更新:

输入事件有点不完整，所以使用 keyup事件代替。

这是更新的 jsfiddle .

谢谢@robg，在评论中提醒我。

---

原答案:

您可以使用 input <input> 上的事件或 <textarea>元素。不同于 change事件，DOM 输入事件在 <input> 的值时被同步触发。或 <textarea>元素被改变。

var input = document.querySelector('input');
var p = document.querySelector('p');
var i = 0;
input.addEventListener('input', function() {
  p.innerHTML = input.value.length;
})

<input/>
<p>The length of the value</p>

这是一个jsfiddle