一、大概有三种方法：

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 do11 11 12 12 }

实现input框实时监听