Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
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ènementselect de l'interfaceHTMLInputElement est déclenché lorsqu'une portion de texte est sélectionnée.
Syntaxe
Utilisez le nom de l'évènement dans des méthodes commeaddEventListener(), ou affectez un gestionnaire d'évènements à la propriété correspondante.
js
addEventListener("select", (event) => { })onselect = (event) => { }Type d'évènement
Un objetEvent générique.
Exemples
Journal de sélection
html
<input value="Essayez de sélectionner du texte dans cet élément." /><p></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 input = document.querySelector("input");input.addEventListener("select", logSelection);Équivalentonselect
Vous pouvez aussi définir le gestionnaire d'évènements via la propriétéonselect :
js
input.onselect = logSelection;Spécifications
| Specification |
|---|
| HTML # event-select |
| HTML # handler-onselect |