oninput事件和onchange事件的区别？

oninput事件多用于input输入框，onchange事件多用于select下拉框，这两个事件的用途也是非常广泛，在我前面发的博文中，也有相关提示，下面我就详细的讲解一下吧！

这两者都是很常见的表单事件，oninput事件：只要输入东西，就会立即触发，无论是复制还是粘贴都会触发；onchange事件：单你点击某个元素值，失去焦点时触发。

<input type="text" oninput="handleInput(event)">

​
<select  onchange="handleChange(event)"></select>

​

使用onchange事件时，需要注意的是，在用户输入完成之前，如果用户点击其他元素或按下了回车键，输入框的值将被提交，同时onchange事件也会被触发，这可能导致一些意想不到的结果。

这两个事件各有各的好，我们可以根据实际情况去选择，可以考虑用户的体验性。

需要注意的是，当表单元素的值发生变化时，并不一定需要立刻响应，在具体场景中需要根据实际需求来选择使用oninput还是onchange。