Maison > Article > interface Web > Exemple de valeur d'entrée de surveillance Jquery en temps réel
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 = $('#lia-body .lia-content .inputwrapper'); $inputwrapper.find('input').on('input propertychange',function(){ var result = $(this).val(); console.log(result); $inputwrapper.find('.result').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 !