La propiedad de sólo-lectura Event.type devuelve una cadena de texto que contiene el tipo de evento. Se establece cuando se contruye el evento y es el nombre que se utiliza normalmente para referirse al evento en cuestión, como click, load o error.

El argumento event de EventTarget.addEventListener() y EventTarget.removeEventListener() no es sensible a mayúsculas.

Para una lista de tipos de evento displonibles, vea la referencia de eventos

Sintaxis

event.type

Ejemplos

<!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();
        }

        // Eventos de teclado
        document.addEventListener("keypress", getEvtType, false); //[second]  

        document.addEventListener("keydown", getEvtType, false); //first
        document.addEventListener("keyup", getEvtType, false); //third

        // Eventos de ratón
        document.addEventListener("click", getEvtType, false); // third

        document.addEventListener("mousedown", getEvtType, false); //first
        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>

Resultado

Especificaciones

Especificación Estado Comentario
DOM
La definición de 'Event.type' en esta especificación.
Living Standard  
Document Object Model (DOM) Level 2 Events Specification
La definición de 'Event.type' en esta especificación.
Obsolete Definición inicial.

Compatibilidad en navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Soporte básicoChrome Soporte completo 45Edge ? Firefox ? IE ? Opera Soporte completo 32Safari ? WebView Android Soporte completo 45Chrome Android Soporte completo 45Edge Mobile ? Firefox Android ? Opera Android Soporte completo 32Safari iOS ? Samsung Internet Android ?

Leyenda

Soporte completo  
Soporte completo
Compatibility unknown  
Compatibility unknown

Etiquetas y colaboradores del documento

Colaboradores en esta página: AlePerez92, javier1nc, fscholz, Chacho
Última actualización por: AlePerez92,