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

 

转载于:https://www.cnblogs.com/nailc/p/8572226.html