Objeto Evento
Objeto Evento
Todos los objetos de eventos en DOM se basan en el objeto Event.
Por lo tanto, todos los otros objetos de eventos (como MouseEvent y KeyboardEvent）pueden acceder a los atributos y métodos del objeto Event.
Atributos y métodos de eventos
| Atributo/Método | Descripción |
|---|---|
| bubbles | Devuelve si un evento específico es un evento de burbuja. |
| cancelBubble | Establece o devuelve si el evento debe propagarse hacia la jerarquía superior. |
| cancelable | Devuelve si el evento puede evitar su acción predeterminada. |
| composed | Indica si el evento puede传递 desde el Shadow DOM al DOM general. |
| composedPath() | Devuelve la ruta del evento. |
| createEvent() | Crea un nuevo evento. |
| currentTarget | Devuelve el elemento que desencadenó el evento de sus listeners. |
| defaultPrevented | Devuelve si se llamó al método preventDefault() para el evento. |
| eventPhase | Devuelve en qué fase se encuentra el flujo de eventos que se está evaluando. |
| isTrusted | Devuelve si el evento es confiable. |
| preventDefault() | Si es posible, cancela el evento sin ejecutar la acción predeterminada del evento. |
| stopImmediatePropagation() | Evita que se llamen otros listeners del mismo evento. |
| stopPropagation() | Evita que el evento se propague más en la secuencia de eventos. |
| target | Devuelve el elemento que desencadenó el evento. |
| timeStamp | Devuelve el tiempo de creación del evento en milisegundos (relativo al epoch). |
| type | Devuelve el nombre del evento. |
Tipo de evento
Estos tipos de eventos pertenecen al objeto Event:
| Evento | Descripción |
|---|---|
| abort | Este evento se produce cuando se interrumpe la carga de los medios. |
| afterprint | Este evento se produce cuando la página comienza a imprimir o cuando se cierra el cuadro de diálogo de impresión. |
| beforeprint | Este evento ocurre cuando se va a imprimir la página. |
| beforeunload | Este evento ocurre antes de que se descargue el documento. |
| canplay | Este evento ocurre cuando el navegador puede comenzar a reproducir los medios. |
| canplaythrough | Este evento ocurre cuando el navegador puede reproducir los medios sin detener el buffering. |
| change | Este evento ocurre cuando cambia el contenido del elemento form, la selección o el estado seleccionado. |
| error | Este evento ocurre después de que se produce un error al cargar un archivo externo. |
| fullscreenchange | Este evento ocurre cuando un elemento se muestra en modo de pantalla completa. |
| fullscreenerror | Este evento ocurre cuando un elemento no se puede mostrar en modo de pantalla completa. |
| input | Este evento ocurre cuando un elemento recibe entrada del usuario. |
| invalid | Este evento ocurre cuando un elemento es inválido. |
| load | Este evento ocurre cuando se ha cargado el objeto. |
| loadeddata | Este evento ocurre después de que se hayan cargado los datos de los medios. |
| loadedmetadata | Este evento ocurre al cargar metadatos (por ejemplo, dimensiones y duración). |
| message | Este evento ocurre mientras se reciben mensajes a través de este origen de eventos. |
| offline | Este evento ocurre cuando el navegador comienza a trabajar en modo desconectado. |
| online | Este evento ocurre cuando el navegador comienza a trabajar en línea. |
| open | Este evento ocurre cuando se abre la conexión con el origen del evento. |
| pause | Este evento ocurre cuando los medios se pausan o se pausan de manera programática por el usuario. |
| play | Este evento ocurre cuando los medios comienzan o ya no están en pausa. |
| playing | Este evento ocurre cuando los medios se pausan o detienen para buffering antes de comenzar a reproducirse. |
| progress | Este evento ocurre mientras el navegador está en proceso de obtener datos de medios. |
| ratechange | Este evento ocurre cuando cambia la velocidad de reproducción de los medios. |
| resize | Este evento ocurre al ajustar el tamaño de la vista del documento. |
| reset | Este evento ocurre al restablecer un formulario. |
| scroll | Este evento ocurre mientras se desplaza la barra de desplazamiento de un elemento de desplazamiento. |
| search | Este evento ocurre cuando el usuario ingresa contenido en el campo de búsqueda. |
| seeked | Este evento ocurre cuando el usuario completa el movimiento o el salto a una nueva posición en los medios. |
| seeking | Este evento ocurre cuando el usuario comienza a moverse o saltar a una nueva posición en los medios. |
| select | Este evento ocurre después de que el usuario selecciona texto (para <input> y <textarea>). |
| show | Este evento ocurre cuando el elemento <menu> se muestra como un menú contextual. |
| stalled | Este evento ocurre cuando el navegador intenta obtener datos de medios pero estos no están disponibles. |
| submit | Este evento ocurre al enviar un formulario. |
| suspend | Este evento ocurre cuando el navegador intencionalmente no obtiene datos de medios. |
| timeupdate | Este evento ocurre cuando cambia la posición de reproducción. |
| toggle | Este evento ocurre cuando el usuario abre o cierra el elemento <details>. |
| unload | Este evento ocurre después de que la página se descargue (para <body>). |
| waiting | Este evento ocurre cuando el medio se ha detenido pero se espera que se recupere. |
