HTMLInputElement : évènement select

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'évènement select de l'interface HTMLInputElement est déclenché lorsqu'une portion de texte est sélectionnée.

Dans cet article

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou affectez un gestionnaire d'évènements à la propriété correspondante.

js
addEventListener("select", (event) => { })

onselect = (event) => { }

Type d'évènement

Un objet Event générique.

Exemples

Journal de sélection

html
<input value="Essayez de sélectionner du texte dans cet élément." />
<p id="log"></p>

js
function logSelection(event) {
  const log = document.getElementById("log");
  const selection = event.target.value.substring(
    event.target.selectionStart,
    event.target.selectionEnd,
  );
  log.textContent = `Vous avez sélectionné : ${selection}`;
}

const input = document.querySelector("input");
input.addEventListener("select", logSelection);

Équivalent onselect

Vous pouvez aussi définir le gestionnaire d'évènements via la propriété onselect :

input.onselect = logSelection;

Spécifications

Spécification

HTML
# event-select

HTML
# handler-onselect

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 9 déc. 2025 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLInputElement
Propriétés d'instance
Méthodes d'instance
Évènements
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript