情景：监听input输入框值的实时变化实例

解决方法：

1.在元素上同时绑定oninput和onporpertychanger事件

2.onpropertychange，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的；

3.oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发事件，它只在对象value值发生改变时奏效。

原生JS实现方法

<script type="text/javascript">
   // Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9
       function OnInput (event) {
           alert ("The new content: " + event.target.value);
       }
   // Internet Explorer
       function OnPropChanged (event) {
           if (event.propertyName.toLowerCase () == "value") {
               alert ("The new content: " + event.srcElement.value);
           }
       }
</script>
//Input标签
<input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="Text field" />

使用jQuery用法绑定事件（推荐）

$("#input1").bind("input propertychange",function(event){
       console.log($("#input1").val())
});