Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
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.
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.
addEventListener("select", (event) => { })
onselect = (event) => { }
Type d'évènement
Un objet Event générique.
Exemples
Journal de sélection
<input value="Essayez de sélectionner du texte dans cet élément." />
<p id="log"></p>
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 a été modifiée le par les contributeur·ice·s du MDN.