onChange和onInput事件的区别

1.onInput事件

onInput每次内容发生改变时触发,在用户输入时触发。

该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

<!-- 例子 -->
<input type="text" oninput="alert(123)" >

2.onChange事件

在元素失去焦点时触发。

onchange 可以使用于： <input>, <select>, 和 <textarea>。

可以响应单选框、多选框改变后触发事件。

<!-- input失去焦点时触发 -->
<input type="text" onchange="alert(123)" >