js监听input输入框值的实时变化实例

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

解决方法：1.在元素上同时绑定oninput和onporpertychanger事件

<script type="text/JavaScript">

　　function watch(){

　　consolo.log("in")

} 

</script>

<input type="text"  oninput="watch(event)" onporpertychange="watch(event)" />

　　

2.原生js

<script type="text/javascript">
 $(function(){
　　　if("v"=="v"){//true为IE浏览器，感兴趣的同学可以去搜下，据说是现有最流行的判断浏览器的方法
　　　　document.getElementById("a").attachEvent("onporpertychange",function(e){
　　　　console.log("inputting!!");
　　　　}
　　}else{
　　　　document.getElementById("a").addEventListener("onporpertychange",function(e){
　　　　console.log("inputting!!");
　　　　}
　　}
});
</script>
<input type="text" id="a"/>

　　

3.使用jQuery绑定事件

<script type="text/javascript">
 $(function(){
　　$("#a").bind('input porpertychange',function(){
　　　　console.log("e");
　　　　});
　　});
</script>
<input type="text" id="a"/>