如何计算文本框中输入的字符数并在其旁边自动显示？

Question

我正在搜索以下事件，我需要在注册屏幕的文本框中输入的字符数自动出现在 JavaScript 或 jQuery 中的同一文本框旁边。

这是初学者的问题，提前致谢。

Answer 1

监听input事件，然后检查文本框值的长度。

 $("#input").on("input", function() { $("#count").text(this.value.length); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="input"> <span id="count">0</span>

Answer 2

恕我直言，按键应该是查找字符数的理想事件。

$('#input').on('keypress', function(e) {
    var count = $(this).val().length;
    $('#span').text(count);
})   

Keypress 与 Keyup：

如果我按住任何字符键几秒钟，它会在输入框中输入几个字符，并且 keyup 事件会为此计数为 1，因为键仅被解除一次。 但是，按键会给出输入的确切字符数。