原生js之onchange、oninput事件

如果需要实现双向数据绑定，那么需要我们监测输入框这种值的变化，而这种监听方法常用的分为2种----onchange和oninput事件。

<input id="hah" value="hehe">

给定一个输入框设定value值，这种就可以看做单向数据流。而要实现双向数据流，需要监听事件
1、onchange事件：需要注意的一点是原生onchange事件的触发机制 --- 1、内容改变；2、失去焦点
	具体代码：
	var inp1 = document.getElementById('hah')
	inp1. onchange= function(e){
            inp1.setAttribute('value',e.target.value)
    }
2、oninput事件：实时监测变化，一旦变化就触发事件。
	inp1.oninput= function(e){
        inp1.setAttribute('value', e.target.value)
    }
3、需要注意的是，实现双向数据，我们需要利用事件对象event获取输入框此时的值，并且将value设为该值，要设定属性值需用setAttribute(属性名，目标值)。