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>