实时监听输入框的内容

前提

以前做 input 输入框的时候，喜欢绑定 change 来监听内容的内容改变，但是这样有一个不好的地方，在于监听变化是在这个 input 失去焦点之后才能监听到， 怎样可以实时监听变化？

解决

document.getElementById("input").addEventListener('input',function(){
    console.log(document.getElementById("input").value);
})

监听 input 事件 可以实时的获取内容