Maison >interface Web >Questions et réponses frontales >Comment configurer jquery pour déclencher un événement lorsque la valeur d'entrée change
Comment configurer jquery pour déclencher un événement lorsque la valeur d'entrée change
- WBOYoriginal
- 2022-04-18 11:43:078620parcourir
Dans jquery, vous pouvez utiliser la méthode change() pour définir l'événement à déclencher lorsque la valeur d'entrée change. Cette méthode est utilisée pour définir l'événement de changement qui se produit lorsque la valeur de l'élément change. fonction à exécuter lorsque l'événement se produit. La syntaxe est "objet d'élément d'entrée.change (code de déclenchement d'événement)".
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Comment configurer jquery pour déclencher un événement lorsque la valeur d'entrée change
L'événement de changement se produit lorsque la valeur de l'élément change (applicable uniquement aux champs de formulaire). La méthode
change() déclenche un événement de changement ou spécifie une fonction à exécuter lorsqu'un événement de changement se produit.
Remarque : lorsqu'il est utilisé avec des éléments sélectionnés, l'événement de changement se produit lorsqu'une option est sélectionnée. Lorsqu'il est utilisé avec un champ de texte ou une zone de texte, l'événement de changement se produit lorsque l'élément perd le focus.
Syntaxe
Déclencher l'événement de changement de l'élément sélectionné :
$(selector).change()
Ajouter une fonction à l'événement de changement :
$(selector).change(function)
fonction Facultatif. Spécifie la fonction à exécuter lorsque l'événement de modification se produit pour l'élément sélectionné.
L'exemple est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").change(function(){
alert("文本已被修改");
});
});
</script>
</head>
<body>
<input type="text">
<p>在输入框写一些东西，然后按下 enter 键或点击输入框外部。</p>
</body>
</html>Résultat de sortie :
Après avoir modifié le contenu du texte :
Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery
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!