Question

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

Answer 1

更新：

输入事件有点不完整，所以请改用keyup事件。

以下是更新后的jsfiddle。

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

原始答案：

您可以在<input>或<textarea>元素上使用input事件。与change事件不同，当<input>或<textarea>元素的值发生更改时，将同步触发DOM输入事件。

＆＃13;

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

＆＃13;

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

＆＃13;

~~这是jsfiddle~~

Answer 2

使用Jquery
的解决方案

使用此HTML

<input/>
<div>

</div>

这个Jquery

$('input').on('keyup blur change paste',function(){
    $('div').html($(this).val().length);
});

这将处理键盘，模糊，更改，粘贴等事件。这是working JsFiddle

在Javascript中动态显示长度类型

2 个答案: