平时WEB开发中经常会碰到需要动态监听输入框值变化的情况：
首先想到：onchange、onkeydown、onkeypress、onkeyup；
不过：
onchange：在元素失去焦点时触发（支持<select>）；
onkeydown、onkeypress、onkeyup：可以监听输入变化，监听不了右键的复制、剪贴和粘贴这些操作；
所以使用：
oninput 和 onpropertychange
oninput：（支持<input type="password">, <input type="search">, <input type="text"> 和 <textarea>）
触发情况：在元素value发生变化是立即触发（select也属于value改变）；
不会触发：a). 使用JS改变value时；
b).修改了 input:checkbox 或者 input:radio 元素的选择中状态， checked 属性发生变化；
特殊情况：修改了 select 元素的选中项（IE不会触发，chrome会触发）；
浏览器支持
正因为oninput事件在 IE9 以下版本不支持，需要使用 IE 特有的 onpropertychange 事件替代：
onpropertychange：
触发情况：a).修改了 input:checkbox 或者 input:radio 元素的选择中状态， checked 属性发生变化。
b).修改了 input:text 或者 textarea 元素的值，value 属性发生变化。
c).修改了 select 元素的选中项，selectedIndex 属性发生变化。
不会触发：当input设置为disabled=disabled；
<body>
<input type="text" oninput="OnInput (event)" />
<input type="text" onpropertychange="OnPropChanged(event)" disabled id="i1"/>
<input type="checkbox" oninput="OnInput (event)" />
<input type="checkbox" onpropertychange="OnPropChanged(event)"/>
<select oninput="OnInput (event)">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
</select>
<select onpropertychange="OnPropChanged(event)">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
</select>
</body>
<script>
i1.value=‘111‘;
function OnInput (event) {
console.log(‘oninput‘)
}
// IE
function OnPropChanged (event) {
console.log(‘onpropertychange‘)
}
</script>