Maison >interface Web >js tutoriel >Exemple de valeur d'entrée de surveillance Jquery en temps réel

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

高洛峰original: 2017-02-03 14:12:211716parcourir

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>

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 !

Déclaration：

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

Article précédent：js et jquery surveillance en temps réel des méthodes oninput et onpropertychange de la valeur de la zone de saisieArticle suivant：js et jquery surveillance en temps réel des méthodes oninput et onpropertychange de la valeur de la zone de saisie

Articles Liés

Voir plus