我有一个输入框。 如果用户从键盘上按下键'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
使用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>