HTMLInputElement : évènement select - Les API Web

HTMLInputElement : é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'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);