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

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

亚连original: 2018-05-18 14:19:582247parcourir

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. aab34cdd5f497851e3d3dc5f70ede385

<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>

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

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.

Articles Liés

Voir plus