input输入值实时监控

代码2021-11-27151 人已阅来源:雪梅零落

input的change事件与blur事件,都是输入框失去焦点时,才能触发,由此不能实时监控输入框的值的变化。

利用addEventListener监控输入框的值的变化,从而触发事件

html代码

<input type="text" id="number">

js代码

document.getElementById('number').addEventListener('input',()=>{
  // 输入框值
  var num =document.getElementById("number").value;
  console.log(num);
});