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

event.type

Exemples

<!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

Spécification Statut Commentaire
DOM
La définition de 'Event.type' dans cette spécification.
Standard évolutif  
Document Object Model (DOM) Level 2 Events Specification
La définition de 'Event.type' dans cette spécification.
Obsolete Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 45Edge ? Firefox ? IE ? Opera Support complet 32Safari ? WebView Android Support complet 45Chrome Android Support complet 45Edge Mobile ? Firefox Android ? Opera Android Support complet 32Safari iOS ? Samsung Internet Android ?

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : loella16, Kalwyn
Dernière mise à jour par : loella16,