Los objetos de eventos poseen todas las propiedades y métodos del objeto Event, del que dependen. Además pueden tener estas otras propiedades y métodos. Están agrupadas por el objeto event al que pertenecen.
Todos estos métodos y propiedades son accesibles desde dentro de la función manejadora del evento, a través del objeto event como event.key o event.stopPropagation(). Este objeto se puede usar como parámetro al defirnir la función controladora de evento o como propiedad global event
| AnimationEvent |
| animationName |
nombre de la animación. |
| elapsedTime |
cantidad de segundos que se ha estado ejecutando una animación. |
| propertyName |
nombre de la propiedad CSS asociada con la animación o transición. |
| pseudoElement |
nombre del pseudoelemento de la animación o transición. |
| ClipboardData |
| clipboardData |
objeto que contiene los datos afectados por la operación del portapapeles. |
| DragEvent |
| dataTransfer |
objeto que contiene los datos que se arrastran / sueltan, o que se insertan / eliminan |
| Event |
| bubbles |
Devuelve si el evento específico se mueve a través del árbol del DOM |
| cancelable |
Devuelve si se puede evitar o no la acción predeterminada de un evento. |
| composed |
Devuelve si el evento se propaga o no por los nodos shadow del DOM |
| currentTarget |
Elemento al que se le asignó el manejador de evento disparado. |
| defaultPrevented |
Devuelve si se llamó o no al método preventDefault () para el evento. |
| emptied |
cuando sucede algo malo y el archivo multimedia no está disponible repentinamente (como cuando se desconecta inesperadamente) |
| eventPhase |
Devuelve qué fase del flujo de eventos se está evaluando actualmente (0: no procesado, 1: ancestro del target, 2: target, 3: buble) |
| isTrusted |
Si un evento ha sido disparado por el usuario (true) o por un script (false) |
| target |
elemento que desencadenó el evento. |
| timeStamp |
hora (en milisegundos relativa a la época) en la que se creó el evento. |
| type |
nombre del evento (click, move...). |
| preventDefault() |
Cancela el evento si es cancelable, lo que significa que la acción predeterminada que pertenece al evento no ocurrirá |
| stopImmediatePropagation() |
Evita que se llame a otros manejadores del mismo evento. |
| stopPropagation() |
Evita una mayor propagación de un evento durante el flujo de eventos |
| FocusEvent |
| relatedTarget |
elemento relacionado con el elemento que desencadenó el evento. |
| HasChangeEvent |
| newURL |
URL del documento, después de que se haya cambiado el hash. |
| oldURL |
URL del documento, antes de que se cambiara el hash. |
| InputEvent |
| data |
Devuelve los caracteres insertados |
| dataTransfer |
objeto que contiene los datos que se arrastran / sueltan, o que se insertan / eliminan |
| inputType |
tipo de cambio (es decir, "insertar" o "eliminar") |
| isComposing |
Devuelve si el estado del evento se está componiendo o no |
| getTargetRanges() |
a matriz que contiene rangos de destino que se verán afectados por la inserción / eliminación |
| KeyboardEvent |
| charCode |
código de carácter Unicode de la tecla que desencadenó el evento onkeypress |
| code |
código de la tecla que desencadenó el evento. |
| isComposing |
True si evento se disapra entre un compositionStart y compositionEnd |
| key |
valor de la tecla que lanza el evento. |
| location |
Situación de la tecla pulsada (0: zona letras, (shift, alt, ctrl) 1: derecha, 2 izquierda; 3 teclado numérico). |
| repeat |
Devuelve si una tecla se mantiene presionada repetidamente o no |
| which |
código de carácter Unicode de la tecla que activó el evento onkeypress, o el código de tecla Unicode de la tecla que activó el evento onkeydown u onkeyup |
| altKey |
Devuelve si se presionó la tecla "ALT" cuando se activó el evento de tecla |
| ctrlKey |
Devuelve si se presionó la tecla "CTRL" cuando se activó el evento de tecla |
| metaKey |
Devuelve si se presionó la tecla "meta" cuando se activó el evento de tecla |
| shiftKey |
Devuelve si se presionó la tecla "SHIFT" cuando se activó el evento de tecla |
| MouseEvent |
| altKey |
Devuelve si se presionó la tecla "ALT" cuando se activó el evento del mouse |
| button |
Devuelve qué botón del mouse se presionó cuando se activó el evento del mouse |
| buttons |
Devuelve qué botones del mouse se presionaron cuando se activó el evento del mouse |
| ctrlKey |
Devuelve si se presionó la tecla "CTRL" cuando se activó el evento del mouse |
| metaKey |
Devuelve si se presionó la tecla "META" cuando se desencadenó un evento |
| MovementX |
coordenada horizontal del puntero del mouse relativa a la posición del último evento mousemove |
| MovementY |
coordenada vertical del puntero del mouse relativa a la posición del último evento mousemove |
| offsetX |
coordenada horizontal del puntero del mouse en relación con la posición del borde del elemento de destino |
| offsetY |
coordenada vertical del puntero del mouse relativa a la posición del borde del elemento de destino |
| pageX |
coordenada horizontal del puntero del mouse, relativa al documento, cuando se activó el evento del mouse. |
| pageY |
coordenada vertical del puntero del mouse, relativa al documento, cuando se activó el evento del mouse. |
| relatedTarget |
elemento relacionado con el que desencadenó el evento (como desde donde de mueve el ratón). |
| screenX |
coordenada horizontal del puntero del mouse, relativa a la pantalla, cuando se desencadenó un evento |
| screenY |
coordenada vertical del puntero del mouse, relativa a la pantalla, cuando se desencadenó un evento |
| shiftKey |
Devuelve si se presionó la tecla "MAYÚS" cuando se activó un evento |
| which |
Devuelve qué botón del mouse se presionó cuando se activó el evento del mouse |
| clientX |
coordenada horizontal del puntero del mouse, relativa a la ventana actual, cuando se activó el evento del mouse. |
| clientY |
coordenada vertical del puntero del mouse, relativa a la ventana actual, cuando se activó el evento del mouse. |
| getModifierState() |
a matriz que contiene rangos de destino que se verán afectados por la inserción / eliminación |
| PageTransitionEvent |
| persisted |
Devuelve si la página web fue almacenada en caché por el navegador. |
| PopStateEvent |
| state |
objeto que contiene una copia de las entradas del historial. |
| ProgressEvent |
| lengthComputable |
Devuelve si la duración del progreso puede ser computable o no |
| loaded |
Devuelve cuánto trabajo se ha cargado |
| total |
cantidad total de trabajo que se cargará |
| StorageEvent |
| key |
clave del artículo de almacenamiento modificado. |
| newValue |
nuevo valor del elemento de almacenamiento modificado. |
| oldValue |
valor anterior del artículo de almacenamiento modificado. |
| storageArea |
objeto que representa el objeto de almacenamiento afectado. |
| url |
URL del documento del elemento modificado. |
| TouchEvent |
| altKey |
Devuelve si se presionó la tecla "ALT" cuando se activó el evento de tecla |
| changeTouches |
a lista de todos los objetos táctiles cuyo estado cambió entre el toque anterior y este toque. |
| clientX |
coordenada horizontal del puntero del mouse, relativa a la ventana actual, cuando se activó el evento del mouse. |
| clientY |
coordenada vertical del puntero del mouse, relativa a la ventana actual, cuando se activó el evento del mouse. |
| ctrlKey |
Devuelve si se presionó la tecla "CTRL" cuando se activó el evento de tecla |
| metaKey |
Devuelve si se presionó la tecla "meta" cuando se activó el evento de tecla |
| shiftKey |
Devuelve si se presionó la tecla "SHIFT" cuando se activó el evento de tecla |
| touches |
a lista de todos los objetos táctiles que están actualmente en contacto con la superficie. |
| targetTouches |
a lista de todos los objetos táctiles que están en contacto con la superficie y donde ocurrió el evento de inicio táctil en el mismo elemento de destino que el elemento de destino actual |
| TransitionEvent |
| elapsedTime |
la cantidad de segundos que se ha estado ejecutando una transición. |
| propertyName |
nombre de la propiedad CSS asociada con la animación o transición. |
| pseudoElement |
nombre del pseudoelemento de la animación o transición. |
| transitionend |
El evento ocurre cuando se completa una transición de CSS |
| UiEvent |
| detail |
número que indica cuántas veces se hizo clic con el mouse. |
| view |
a referencia al objeto Ventana donde ocurrió el evento. |
| WheelEvent |
| deltaX |
cantidad de desplazamiento horizontal de una rueda del mouse (eje x) |
| deltaY |
cantidad de desplazamiento vertical de una rueda del mouse (eje y) |
| deltaZ |
cantidad de desplazamiento de una rueda del mouse para el eje z |
| deltaMode |
número que representa la unidad de medida de los valores delta (píxeles, líneas o páginas). |