input输入框的oninput和onchange事件

Posted 2021-03-18 uakora

oninput事件：

　　在用户进行输入，元素值发生改变时立即触发；（元素值改变立即触发）

　　缺陷：

　　　　从脚本中修改值不会触发事件。从浏览器下拉提示框里选取值时不会触发。IE9 以下不支持，所以IE9以下可用onpropertychange 事件代替

onchange事件：

　　在用户停止输入，元素值发生变化且input输入框失去焦点时才会触发；（元素值改变不会立即触发）

　　单选框与复选框改变状态后也会触发onchange事件

*********************************

onpropertychange 事件：

　　onpropertychange会实时触发，会在元素的属性改变时就触发事件

　　当元素disable=true时不会触发

　　缺陷：

　　　　只在IE 下支持，其他浏览器不支持，用oninput来解决