Maison >programmation quotidienne >connaissance HTML >Comment jQuery surveille et obtient la valeur de la zone de saisie en temps réel

Comment jQuery surveille et obtient la valeur de la zone de saisie en temps réel

藏色散人original: 2018-12-12 16:20:5822048parcourir

jQuery surveille et obtient la valeur de la zone de saisie en temps réel. Dans le développement quotidien de nos projets Web, nous avons souvent besoin d'obtenir de tels effets fonctionnels. Afin de réaliser des actions en temps réel pour guider les visiteurs, afin d'améliorer l'expérience utilisateur du site Internet.

Ci-dessous, nous présenterons la méthode d'implémentation de jQuery pour obtenir la valeur de la zone de saisie en temps réel sur la base d'exemples de code spécifiques.

L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery实时获取input输入框的值的示例</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    $(function () {
        $("#myInput").on("input", function () {
            //在输入框中打印输入的值
            $("#result").text($(this).val());
        });
    });
</script>
<p><input type="text" placeholder="请输入想说的话..." id="myInput"></p>
<div id="result"></div>
</body>
</html>

Ici, nous trouvons d'abord la balise d'entrée avec l'identifiant myInput, puis lui attribuons une fonction via la méthode on() Cette fonction. La méthode consiste à obtenir d'abord l'entrée. Le contenu de la zone de saisie est ensuite directement affecté au div avec l'identifiant du résultat.

L'effet est le suivant :

Comment jQuery surveille et obtient la valeur de la zone de saisie en temps réel

Méthode on() sur l'élément sélectionné et les éléments enfants Ajoutez un ou plusieurs gestionnaires d'événements. La méthode

text() définit ou renvoie le contenu textuel de l'élément sélectionné. La méthode

val() renvoie ou définit l'attribut value de l'élément sélectionné.

Cet article concerne la méthode de surveillance en temps réel jQuery pour obtenir la valeur de la zone de saisie. C'est également très simple. J'espère qu'il sera utile aux amis qui en ont besoin !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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：Comment convertir un objet JS en chaîne au format jsonArticle suivant：Comment convertir un objet JS en chaîne au format json

Articles Liés

Voir plus