Le contenu de la zone de saisie de saisie est obtenu en temps réel

Cette fois, je vais vous apporter l'acquisition en temps réel du contenu de la zone de saisie. Quelles sont les précautions pour l'acquisition en temps réel du contenu de la zone de saisie. cas pratique, jetons un coup d'oeil.

Le contenu de la zone de saisie est surveillé en temps réel ! L'événement sera déclenché uniquement si le contenu de la zone de saisie change. Si le contenu de la zone de saisie ne change pas, l'événement ne sera pas déclenché !

Le code est le suivant :

<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
 function OnInput (event) {
  alert (event.target.value);
 }
 function OnPropChanged (event) {
  if (event.propertyName.toLowerCase () == "value") {
   alert (event.srcElement.value);
  }
 }
</script>
<form>
 用户名:<input name="user" type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"/>
</form>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

JS implémente la notation par étoiles d'évaluation

JS implémente la validation des données et la soumission de formulaires à cocher

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!