diff --git a/files/fr/web/api/htmlelement/change_event/index.md b/files/fr/web/api/htmlelement/change_event/index.md index 164b4cc24e854d..007ec297559bf9 100644 --- a/files/fr/web/api/htmlelement/change_event/index.md +++ b/files/fr/web/api/htmlelement/change_event/index.md @@ -1,61 +1,51 @@ --- -title: change +title: "HTMLElement : évènement change" slug: Web/API/HTMLElement/change_event +l10n: + sourceCommit: 8d83c05362120cbba32c165a6b1f76e73ccc9674 --- {{APIRef}} -L'événement **change** est déclenché pour les éléments {{HTMLElement("input")}} _(entrée)_, {{HTMLElement("select")}} _(sélection)_ et {{HTMLElement("textarea")}} _(zone de texte)_ lorsqu'un changement de leur valeur est réalisé par l'utilisateur. Contrairement à l'événement [`input`](/fr/docs/Web/API/HTMLElement/input_event), **change** n'est pas nécessairement déclenché pour chaque changement de valeur. - - - - - - - - - - - - - - - - - - - - -
PropagationOui
AnnulableNon
Interface{{domxref("Event")}}
Gestionnaire d'événements - {{domxref("GlobalEventHandlers/onchange", "onchange")}} -
- -En fonction du type d'élément de formulaire modifié et de la manière dont l'utilisateur interagit avec cet élément, l'événement **change** se déclenche à un moment différent : - -- Quand l'élément est activé (en cliquant ou en utilisant le clavier) pour `` et ``_(case à cocher_). -- Quand l'utilisateur réalise le changement de manière explicite (par exemple, en sélectionnant une valeur venant d'un {{HTMLElement("select")}} d'un menu déroulant avec le clic d'une souris, en sélectionnant une date d'un "date picker" _(sélecteur de date)_ pour ``, en sélectionnant un fichier d'un "file picker" _(sélecteur de fichier)_ pour ``, etc.). -- Quand l'élément perd le focus après que sa valeur a été changée, mais pas validée (par exemple, après l'édition d'une valeur de {{HTMLElement("textarea")}} ou ``). - -Les différents navigateurs ne sont pas toujours d'accord sur le fait que l'événement **change** doit être déclenché pour certains types d'interactions. Par exemple, la navigation avec le clavier dans les éléments {{HTMLElement("select")}} ne déclenche jamais l'événement dans Gecko jusqu'à ce que l'utilisateur appuie sur la touche Entrée ou déplace le focus en dehors du \` qui doivent déclencher l'événement `change`.](https://html.spec.whatwg.org/multipage/forms.html#concept-input-apply) +L'évènement **`change`** est déclenché sur les éléments [``](/fr/docs/Web/HTML/Element/input), [`