Maison > interface Web > js tutoriel > le corps du texte

Exemple de valeur d'entrée de surveillance Jquery en temps réel

高洛峰
Libérer: 2017-02-03 14:12:21
original
1701 Les gens l'ont consulté

L'exemple est le suivant :

<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="UTF-8"> 
  <title>Document</title> 
</head> 
<body id="lia-body"> 
  <div> 
    <div> 
      <label><span>姓名:</span><input type="text" name="fullname"></label> 
      <div></div> 
    </div> 
  </div> 
  <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script> 
  <script> 
    $(function(){ 
      var $inputwrapper = $(&#39;#lia-body .lia-content .inputwrapper&#39;); 
      $inputwrapper.find(&#39;input&#39;).on(&#39;input propertychange&#39;,function(){ 
        var result = $(this).val(); 
        console.log(result); 
        $inputwrapper.find(&#39;.result&#39;).html(result); 
      }); 
    }) 
  </script> 
</body> 
</html>
Copier après la connexion

L'événement déclencheur onchange doit remplir deux conditions :

1) Les propriétés de l'objet actuel changent et il est déclenché par un événement clavier ou souris. (le déclenchement du script n'est pas valide)

2) L'objet actuel perd le focus (onblur)

onpropertychange

Tant que les propriétés de l'objet actuel changent, l'événement sera être déclenché, mais il est exclusif à IE ;

Oninput est la version non-IE de onpropertychange, prenant en charge des navigateurs tels que Firefox et Opera

Mais la différence est que lorsqu'il est lié à un objet, toutes les modifications de propriété de l'objet ne peuvent pas déclencher des événements Seulement quand Cela ne prendra effet que lorsque la valeur de l'objet change.

C'est un endroit parfait pour nous permettre d'écouter les changements dans la valeur d'entrée.

L'exemple ci-dessus de la valeur d'entrée de surveillance Jquery en temps réel est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez le site Web PHP chinois.

Pour plus d'exemples de valeur d'entrée de surveillance Jquery en temps réel, veuillez faire attention au site Web PHP chinois pour les articles connexes !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal