提问者:小点点

如果我使用JavaScript按了一个键但没有释放,如何计算在输入框中添加的元素数量


我有一个输入框。 如果用户从键盘上按下键'a'(或键盘上的任意键),但没有使用JavaScript或Angular释放,我想计算输入框中添加的字符数。

<input type="text" name="charactercount" value="aaaaaa" /><br>
<span>6</span>

null

<input type="text" name="charactercount" value="aaaaaa" /><br>
<span>6</span>

null


共3个答案

匿名用户

使用OnChange事件和Length属性

inputElement.onchange = function(){
  textElement.innerHTML = input.value.length;
}

匿名用户

使用eventListener“keydown”

document.querySelector("input").addEventListener("keydown", (e) => console.log(e));

匿名用户

null

const el = document.getElementById('input');
const result = document.getElementById('result');

el.addEventListener('keydown', e => {
  result.innerHTML = e.target.value.length;
});
<input id="input" type="text" name="charactercount" /><br>
<span id="result">0</span>