Event.type

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

La propriété en lecture seule Event.type retourne une chaîne de caractères (string) contenant le type de l'événement. Le type est défini lors de la construction de l'événement et est le nom d'usage pour se référer à celui-ci, tel que click, load ou error.

L'argument event de EventTarget.addEventListener() et EventTarget.removeEventListener() n'est pas sensible à la casse.

Pour une liste des types d'événements disponibles, aller voir la page Référence des évènements.

Syntaxe

js
event.type;

Exemples

html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />

    <title>Event.type Example</title>

    <script>
      var currEvent;
      function getEvtType(evt) {
        console.group();

        currEvent = evt.type;
        console.log(currEvent);

        document.getElementById("Etype").innerHTML = currEvent;

        console.groupEnd();
      }

      //Évènements du clavier
      document.addEventListener("keypress", getEvtType, false); //[second]

      document.addEventListener("keydown", getEvtType, false); //premier
      document.addEventListener("keyup", getEvtType, false); //troisième

      //Évènements de la souris
      document.addEventListener("click", getEvtType, false); // troisième

      document.addEventListener("mousedown", getEvtType, false); //premier
      document.addEventListener("mouseup", getEvtType, false); //second
    </script>
  </head>

  <body>
    <p>Press any key or click the mouse to get the event type.</p>
    <p>Event type: <span id="Etype" style="color:red">-</span></p>
  </body>
</html>

Résultat

Spécifications

Specification
DOM
# ref-for-dom-event-type④

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
type

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support