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é.

Dans cet article

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);