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