如何使用 JavaScript 在文本框中显示在 textarea 中键入的字符数

【问题标题】：How to show number of characters typed in textarea in a textbox using JavaScript如何使用 JavaScript 在文本框中显示在 textarea 中键入的字符数
【发布时间】：2015-01-14 20:37:59
【问题描述】：

当我按 Enter 时，如何获取输入到文本区域的字符数以放入一个文本框，以及从文本区域输入的单词数放入另一个文本框。

<textarea name="TextArea1" cols="20" rows="2"></textarea><br>

<input name="Text1" type="text" />Characters
<input name="Text1" type="text" />Words

【问题讨论】：

就拿.value.length?您对任务的哪一部分有疑问？
那么你有什么尝试？有什么不工作吗？ SO 不是编码服务，我们不会为你写这个。
Show how many characters remaining in a HTML text box using JavaScript 的可能重复项
可能重复：textarea character limit
我不需要服务。我试图寻找类似的解决方案，但我找不到。也许我搜索得不够好；但是，我只是需要有人告诉我应该如何开始使用该功能。我发现的只是如何显示剩余的字符数量，如下所示。

标签： javascript

【解决方案1】：

您需要添加一个事件侦听器，用于侦听 textarea 上的 keyup（或 keydown）事件。

一旦你有了它，你需要检查keyCode是否匹配返回键（13）。

之后，这是一个简单的例子，计算 textarea 值的length 并通过空格拆分其值以计算单词。

var textarea = document.getElementById('textarea');
textarea.addEventListener('keyup', function (e) {
  if (e.keyCode === 13) {
    var characters = this.value.length;
    var words = this.value.split(' ').length;
    document.getElementById('characters').value = characters;
    document.getElementById('words').value = words;
    
  }
});

<textarea name="TextArea1" cols="20" rows="2" id="textarea"></textarea><br>

<input name="Text1" type="text" id="characters"/>Characters
<input name="Text1" type="text" id="words" />Words

【讨论】：