Comment jQuery surveille et obtient la valeur de la zone de saisie en temps réel-connaissance HTML-php.cn

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

藏色散人

Libérer： 2021-01-11 11:12:05

original

22017 Les gens l'ont consulté

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.

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

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>

Copier après la connexion

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!