实现input框实时监听

一、大概有三种方法：

1、onchange()

2、oninput()

3、onpropertychange()

二、onchange()

该事件监听input的value是否改变，但需要注意只在input框失去焦点时触发，在ie、chrome、firefox等浏览器中都有效。

三、oninput() & onpropertychange()

要是你想只要input框的值发生改变，并不需要失去焦点就能触发，那么这对好基友就是你所需要的。

oninput() & onpropertychange() 适用的浏览器不同，在非ie浏览器中使用oninput()，而ie浏览器中要使用onpropertychange()。

不管是键盘的输入还是剪切复制或者撤销重做等操作都可触发oninput() & onpropertychange()，但有一个需要注意的点：oninput()对js赋值并不触发，但onpropertychange()却可以对js赋值触发。

四、使用实例

 1  1 <input type="text" oninput="changeEvent();" onpropertychange="changeEventIe(event);">
 2  2 //触发的事件
 3  3 function changeEvent(){
 4  4     //do what u want to do
 5  5 }
 6  6
 7  7 function changeEventIe(event){
 8  8     //判断改变的是否是input的value属性
 9  9     if(event.propertyName != ‘value‘) return;
10 10     //do what u want to do
11 11
12 12 }