---
title: InputEvent
slug: Web/API/InputEvent
translation_of: Web/API/InputEvent
---
<div>{{APIRef("DOM Events")}} {{SeeCompatTable}}</div>

<p>L’interface <strong><code>InputEvent</code></strong> représente un évènement notifiant la modification d’un contenu éditable.</p>

<p>{{InheritanceDiagram}}</p>

<h2 id="Constructeur">Constructeur</h2>

<dl>
 <dt>{{domxref("InputEvent.InputEvent", "InputEvent()")}}</dt>
 <dd>Crée un objet <code>InputEvent</code>.</dd>
</dl>

<h2 id="Propriétés">Propriétés</h2>

<p><em>Cette interface hérite des propriétés de ses <em>parents, {{domxref("UIEvent")}} et {{domxref("Event")}}.</em></em></p>

<dl>
 <dt>{{domxref("InputEvent.data")}}{{readOnlyInline}}</dt>
 <dd>Retourne une {{domxref("DOMString")}} avec 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).</dd>
 <dt>{{domxref("InputEvent.dataTransfer")}}{{readonlyinline}}</dt>
 <dd>Retourne un objet {{domxref("DataTransfer")}} contenant des informations sur des données de texte riche (<em>richtext</em>) ou brut (<em>plaintext</em>) étant ajoutées ou supprimées du contenu éditable.</dd>
 <dt>{{domxref("InputEvent.inputType")}}{{readonlyinline}}</dt>
 <dd>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.</dd>
 <dt>{{domxref("InputEvent.isComposing")}}{{readOnlyInline}}</dt>
 <dd>Retourne une valeur {{jsxref("Boolean", "booléenne")}} indiquant si l’évènement est émis après {{event("compositionstart")}} et avant {{event("compositionend")}}.</dd>
</dl>

<h2 id="Méthodes">Méthodes</h2>

<p><em>Cette interface <em>hérite des méthodes de ses parents, {{domxref("UIEvent")}} et {{domxref("Event")}}.</em></em></p>

<dl>
 <dt>{{domxref('InputEvent.getTargetRanges()')}}</dt>
 <dd>Retourne un tableau de {{domxref("Range", "ranges")}} statiques qui seront affectés par une modification du DOM si l’évènement input n’est pas annulé.</dd>
</dl>

<h2 id="Spécifications">Spécifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaire</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('InputEvents2','#interface-InputEvent','InputEvent')}}</td>
   <td>{{Spec2('InputEvents2')}}</td>
   <td>Définition initiale.</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<div class="hidden">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 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et nous envoyer une <em>pull request.</em></div>

<p>{{Compat("api.InputEvent")}}</p>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li>{{ event("beforeinput") }}</li>
 <li><a href="/docs/Web/API/InputEvent/input_event">l’évènement <code>input</code></a></li>
</ul>