À propos de la surveillance js des changements de valeur médiane d'entrée en temps réel (tutoriel graphique)-js tutoriel-php.cn

À propos de la surveillance js des changements de valeur médiane d'entrée en temps réel (tutoriel graphique)

亚连

Libérer： 2018-05-18 14:19:58

original

2230 Les gens l'ont consulté

Ce qui suit est le js que j'ai compilé pour que vous puissiez surveiller les changements dans la valeur médiane d'entrée en temps réel. Les étudiants intéressés peuvent y jeter un œil. >

<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <title>RunJS</title>  
    <script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script>  
    </head>  
    <body>  
        <h1 >  
            实时监测input中值的变化  
        </h1>  
        <input type="text" id="username" autoComplete=&#39;off&#39;>  
        <div id="result"></div>  
    </body>  
</html>

Copier après la connexion

$(function(){  
$(&#39;#username&#39;).bind(&#39;input propertychange&#39;, function() {  
    $(&#39;#result&#39;).html($(this).val().length + &#39; characters&#39;);  
});  
})

Copier après la connexion

Utilisation de oninput, onpropertychange, onchange

onchangeL'événement déclencheur doit remplir deux conditions :

a) La propriété de l'objet actuel est modifiée et elle est déclenché par le clavier Ou déclenché par des événements de souris (le déclenchement du script n'est pas valide)

b) L'objet actuel perd le focus (onblur

onpropertychange se déclenchera tant que les propriétés de l'événement d'objet actuel changent, mais il est exclusif à IE

oninput est la version de navigateur non IE de onpropertychange, prenant en charge les navigateurs tels que Firefox et Opera, mais il Il y a une différence : lorsqu'il est lié à un objet, toutes les modifications de propriété de l'objet ne peuvent pas déclencher des événements, cela ne fonctionne que lorsque la valeur de l'objet change.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

À propos de la surveillance js des changements de valeur médiane d'entrée en temps réel (tutoriel graphique)