HTMLTextAreaElement : évènement select

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.

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>

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