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

Question

当我按下Enter键时，如何将键入textarea的字符数放入一个文本框中，将textarea中的单词数放入另一个文本框中。

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

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

Answer 1

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

完成后，您需要检查keyCode是否与返回键匹配（ 13 ）。

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

＆＃13;

＆＃13;

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;
    
  }
});

＆＃13;

<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

＆＃13;

＆＃13;

＆＃13;