HTMLInputElement : é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'interface HTMLInputElement est déclenché lorsqu'une portion de texte est sélectionnée.

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou affectez un gestionnaire d'évènements à la propriété correspondante.

addEventListener("select", (event) => { })

onselect = (event) => { }

Type d'évènement

Un objet Event générique.

Exemples

Journal de sélection

html

<input value="Essayez de sélectionner du texte dans cet élément." />
<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 input = document.querySelector("input");
input.addEventListener("select", logSelection);