HTMLTextAreaElement : évènement select - Les API Web | MDN
Baseline
Widely available
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.
js
addEventListener("select", (event) => { })
onselect = (event) => { }
Type d'évènement
Un objet Event générique.
Exemples
Journalisation de la sélection
html
<textarea>Essayez de sélectionner du texte dans cet élément.</textarea>
<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 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 :
js
textarea.onselect = logSelection;
Spécifications
| Specification |
|---|
| HTML # event-select |
| HTML # handler-onselect |
Compatibilité des navigateurs
Voir aussi
- La méthode
HTMLTextAreaElement.select()