input 事件和 change 事件的区别

onchange 事件可以使用于 <input>，<select>，<textarea>  (js中使用onchange，vue.js中绑定事件使用 change)

oninput 事件在输入变化后立即触发，可以使用于<input>，<textarea> 元素，(js中使用oninput，vue.js中绑定事件使用 input)

input 输入框的onchange 事件，只有在input失去焦点时才会触发；（onchange事件所有的浏览器都支持）

input事件：缺陷-->从脚本中修改值不会触发事件，从浏览器下拉提示框中选取值不会触发，IE9以下浏览器不支持；可使用 onpropertychange事件代替；

JS:
<input type="text" oninput="fn()"></input>
JQuery:
$('#cc').on('input propertychange',function(){})
注意：当元素disable=true时propertychange不会触发。

vue.jsz中的例子：

<input type="text" @change="text_change">
<input type="text" @input="text_change2">
<textarea name="ta" id="" cols="30" rows="10"  @input="txt_change" v-model="area"></textarea>