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" />

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM