Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
HTMLTextAreaElement : é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'API Selection se déclenche lorsqu'un texte a été sélectionné.
Syntaxe
Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènement.
addEventListener("select", (event) => { })
onselect = (event) => { }
Type d'évènement
Un objet Event générique.
Exemples
Journalisation de la sélection
<textarea>Essayez de sélectionner du texte dans cet élément.</textarea>
<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 textarea = document.querySelector("textarea");
textarea.addEventListener("select", logSelection);
Équivalent onselect
Vous pouvez aussi définir le gestionnaire d'évènement avec la propriété onselect :
textarea.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.
Voir aussi
- La méthode
HTMLTextAreaElement.select()
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.