Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
L’interface InputEvent représente un évènement notifiant la modification d’un contenu éditable.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/fr/docs/Web/API/Event" target="_top"><rect x="1" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Event</text></a><polyline points="76,25 86,20 86,30 76,25" stroke="#D4DDE4" fill="none"/><line x1="86" y1="25" x2="116" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/fr/docs/Web/API/UIEvent" target="_top"><rect x="116" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="153.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">UIEvent</text></a><polyline points="191,25 201,20 201,30 191,25" stroke="#D4DDE4" fill="none"/><line x1="201" y1="25" x2="231" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/fr/docs/Web/API/InputEvent" target="_top"><rect x="231" y="1" width="100" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="281" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">InputEvent</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Constructeur
InputEvent()- Crée un objet
InputEvent.
Propriétés
Cette interface hérite des propriétés de ses parents, UIEvent et Event.
InputEvent.dataLecture seule- Retourne une
DOMStringavec les caractères insérést. Cela peut être une chaîne vide si la modification n’insère pas de texte (comme la suppression de caractères, par exemple). InputEvent.dataTransferLecture seule- Retourne un objet
DataTransfercontenant des informations sur des données de texte riche (richtext) ou brut (plaintext) étant ajoutées ou supprimées du contenu éditable. InputEvent.inputTypeLecture seule- Retourne le type de modification du le contenu éditable tel que, par exemple, l’insertion, la suppression ou le formatage de texte. Voir la page de la propriété pour une liste complète des types de modification.
InputEvent.isComposingLecture seule- Retourne une valeur
booléenneindiquant si l’évènement est émis aprèscompositionstartet avantcompositionend.
Méthodes
Cette interface hérite des méthodes de ses parents, UIEvent et Event.
InputEvent.getTargetRanges()- Retourne un tableau de
rangesstatiques qui seront affectés par une modification du DOM si l’évènement input n’est pas annulé.
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| Input Events Level 2 La définition de 'InputEvent' dans cette spécification. |
Version de travail | Définition initiale. |
Compatibilité des navigateurs
La table de compatibilité sur cette page est générée à partir de données structurées. Si vous souhaitez contribuer aux données, veuillez consulter https://github.com/mdn/browser-compat-data et nous envoyer une pull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
InputEvent | Chrome Support complet 60 | Edge Aucun support Non | Firefox Support complet 31 | IE Aucun support Non | Opera Support complet 47 | Safari Support complet 10.1 | WebView Android Support complet 60 | Chrome Android Support complet 60 | Firefox Android Support complet 31 | Opera Android Support complet 44 | Safari iOS Support complet 10.1 | Samsung Internet Android Support complet Oui |
InputEvent() constructor | Chrome Support complet 60 | Edge Aucun support Non | Firefox Support complet 31 | IE Aucun support Non | Opera Support complet 47 | Safari ? | WebView Android Support complet 60 | Chrome Android Support complet 60 | Firefox Android Support complet 31 | Opera Android Support complet 44 | Safari iOS ? | Samsung Internet Android ? |
data | Chrome Support complet 60 | Edge Aucun support Non | Firefox Support complet 67 | IE Aucun support Non | Opera Support complet 47 | Safari Aucun support Non | WebView Android Support complet 60 | Chrome Android Support complet 60 | Firefox Android Support complet 67 | Opera Android Support complet 44 | Safari iOS Aucun support Non | Samsung Internet Android Support complet Oui |
dataTransfer | Chrome Support complet 60 | Edge Aucun support Non | Firefox Support complet 67 | IE Aucun support Non | Opera Support complet 47 | Safari Aucun support Non | WebView Android Support complet 60 | Chrome Android Support complet 60 | Firefox Android Support complet 67 | Opera Android Support complet 44 | Safari iOS Aucun support Non | Samsung Internet Android Support complet Oui |
getTargetRanges | Chrome Support complet 60 | Edge Aucun support Non | Firefox Aucun support Non | IE Aucun support Non | Opera Support complet 47 | Safari Support complet 10.1 | WebView Android Support complet 60 | Chrome Android Support complet 60 | Firefox Android Aucun support Non | Opera Android Support complet 44 | Safari iOS Support complet 10.1 | Samsung Internet Android Support complet Oui |
inputType | Chrome Support complet 60 | Edge Aucun support Non | Firefox Support complet 66 | IE Aucun support Non | Opera Support complet 47 | Safari Support complet 10.1 | WebView Android Support complet 60 | Chrome Android Support complet 60 | Firefox Android Support complet 66 | Opera Android Support complet 44 | Safari iOS Support complet 10.1 | Samsung Internet Android Support complet Oui |
isComposing | Chrome Support complet 60 | Edge Aucun support Non | Firefox Support complet 31 | IE Aucun support Non | Opera Support complet 47 | Safari Aucun support Non | WebView Android Support complet 60 | Chrome Android Support complet 60 | Firefox Android Support complet 31 | Opera Android Support complet 44 | Safari iOS Aucun support Non | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
- Compatibilité inconnue
- Compatibilité inconnue
- Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
- Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.