Comment configurer jquery pour déclencher un événement lorsque la valeur d'entrée change-Questions et réponses frontales-php.cn

Comment configurer jquery pour déclencher un événement lorsque la valeur d'entrée change

WBOY

Libérer： 2022-05-17 11:05:02

original

8617 Les gens l'ont consulté

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)".

Comment configurer jquery pour déclencher un événement lorsque la valeur d'entrée change

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

Copier après la connexion

Ajouter une fonction à l'événement de changement :

$(selector).change(function)

Copier après la connexion

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>

Copier après la connexion

Résultat de sortie :

Comment configurer jquery pour déclencher un événement lorsque la valeur dentrée change