Exemple de js surveillant les changements en temps réel dans la valeur de la zone de saisie

1. Liez les événements oninput et onporpertychanger à l'élément en même temps

Exemple :

<script type="text/JavaScript">
function aa(e){alert("inputting!!");}
</script>
 
<input type="text" id="a" oninput="aa(event)" onporpertychange="aa(event)" />

2. js pour ajouter Écouter les événements

<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. Utilisez la méthode jQuery pour lier les événements

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

.

Après avoir écouté l'événement onpropertychange, vous pouvez utiliser l'attribut propertyName de l'événement pour obtenir le nom de propriété modifié, event.propertyName

Instance 1 :

fade3dec60a2e340acc43eb23bdab9f9

Instance 2 :

$("#name").bind('input porpertychange',function(){
    var thisTxt=$("#name").val();
    $(this).siblings("p").html(thisTxt)
  })

Instance 3 :

//手机号码分段显示
register.phonePropertychange = function() {
  _this = register;
  _input = $(this);
  var v = $(this).val();
  v = v.replace(new RegExp(/ /g),'');
  var v1 = v.slice(0,3);
  var v2 = v.slice(3,7);
  var v3 = v.slice(7,11);
  if(v2==''){
    _input.focus().val(v1);
  }else if(v3==''){
    _input.focus().val(v1+' '+v2);
  }else{
    _input.focus().val(v1+' '+v2+ ' '+v3);
  };
  
  //手机号输入完成字体颜色改变
  if (v.length === 11) {
    if(_this.regexpPhone(v)){
      _input.css('color','#000');
      $('#btnSendCode').addClass('c-26a949');
      _input.blur();;
    }else{
      layer.open({content: '手机号码不正确，请重新输入',time: 2, end:function(){
        _input.val('');
      }});
    }
  }else{
    _input.css('color','#26a949');
  }
}
 
//验证手机号
register.regexpPhone = function(phone){
  return /^1[3|4|5|7|8]\d{9}$/.test(phone);
}

L'exemple ci-dessus de js surveillant le changement en temps réel de la valeur de la zone de saisie est tout le contenu partagé par l'éditeur, j'espère qu'il pourra vous le donner. une référence, et j'espère que vous le soutiendrez sur le site Web chinois PHP.

Pour plus de js surveillant les changements en temps réel dans la valeur de la zone de saisie et les articles connexes, veuillez faire attention au site Web PHP chinois !