Element

Propiedades de instancia

Element hereda propiedades de su interfaz padre, Node, y, por extensión, de la interfaz padre de esta, EventTarget.

Element.activeViewTransition Read only

Devuelve una instancia de ViewTransition que representa la transición de vista que está activa en el elemento en este momento.

Element.assignedSlot Read only

Devuelve un HTMLSlotElement que representa el <slot> en el que está insertado el nodo.

Element.attributes Read only

Devuelve un objeto NamedNodeMap que contiene los atributos asignados del elemento HTML correspondiente.

Element.childElementCount Read only

Devuelve el número de elementos hijo de este elemento.

Element.children Read only

Devuelve los elementos hijo de este elemento.

Element.classList Read only

Devuelve un DOMTokenList que contiene la lista de atributos de clase.

Element.className

Una cadena que representa la clase del elemento.

Element.clientHeight Read only

Devuelve un número que representa la altura interior del elemento.

Element.clientLeft Read only

Devuelve un número que representa el ancho del borde izquierdo del elemento.

Element.clientTop Read only

Devuelve un número que representa el ancho del borde superior del elemento.

Element.clientWidth Read only

Devuelve un número que representa el ancho interior del elemento.

Element.currentCSSZoom Read only

Un número que indica el tamaño de zoom efectivo del elemento, o 1.0 si el elemento no se renderiza.

Element.customElementRegistry Read only

El objeto CustomElementRegistry asociado a este elemento, o null si no se ha establecido ninguno.

Element.elementTiming

Una cadena que refleja el atributo elementtiming, el cual marca un elemento para su observación mediante la API PerformanceElementTiming.

Element.firstElementChild Read only

Devuelve el primer elemento hijo de este elemento.

Element.id

Una cadena que representa el id del elemento.

Element.innerHTML

Una cadena que representa el marcado del contenido del elemento.

Element.lastElementChild Read only

Devuelve el último elemento hijo de este elemento.

Element.localName Read only

Una cadena que representa la parte local del nombre cualificado del elemento.

Element.namespaceURI Read only

El URI del namespace del elemento, o null si no tiene namespace.

Element.nextElementSibling Read only

Un Element: el elemento que sigue inmediatamente al elemento dado en el árbol, o null si no hay ningún elemento hermano.

Element.outerHTML

Una cadena que representa el marcado del elemento, incluido su contenido. Cuando se usa como setter, reemplaza el elemento por los nodos obtenidos al analizar la cadena dada.

Element.part Read only

Representa los identificadores de parte del elemento (es decir, los establecidos mediante el atributo part), devueltos como un DOMTokenList.

Element.prefix Read only

Una cadena que representa el prefijo del namespace del elemento, o null si no se especifica ningún prefijo.

Element.previousElementSibling Read only

Un Element: el elemento que precede inmediatamente al elemento dado en el árbol, o null si no hay ningún elemento hermano.

Element.scrollHeight Read only

Devuelve un número que representa la altura del área de desplazamiento de un elemento.

Element.scrollLeft

Un número que representa el desplazamiento horizontal (hacia la izquierda) del elemento.

Element.scrollLeftMax Read only

Devuelve un número que representa el desplazamiento horizontal máximo posible hacia la izquierda para el elemento.

Element.scrollTop

Un número que representa la cantidad de píxeles que se ha desplazado verticalmente la parte superior del elemento.

Element.scrollTopMax Read only

Devuelve un número que representa el desplazamiento vertical máximo posible hacia arriba para el elemento.

Element.scrollWidth Read only

Devuelve un número que representa el ancho del área de desplazamiento del elemento.

Element.shadowRoot Read only

Devuelve el shadow root abierto que aloja el elemento, o null si no hay ningún shadow root abierto.

Element.slot

Devuelve el nombre del slot del shadow DOM en el que está insertado el elemento.

Element.tagName Read only

Devuelve una cadena con el nombre de la etiqueta del elemento dado.

Propiedades de instancia incluidas desde ARIA

La interfaz Element también incluye las siguientes propiedades.

Element.ariaAtomic

Una cadena que refleja el atributo aria-atomic, que indica si las tecnologías de asistencia presentarán toda la región modificada o solo partes de ella, según las notificaciones de cambio definidas por el atributo aria-relevant.

Element.ariaAutoComplete

Una cadena que refleja el atributo aria-autocomplete, que indica si introducir texto podría activar la visualización de una o más predicciones del valor que el usuario pretende introducir en un combobox, searchbox o textbox, y especifica cómo se presentarían esas predicciones si se hicieran.

Element.ariaBrailleLabel

Una cadena que refleja el atributo aria-braillelabel, que define la etiqueta braille del elemento.

Element.ariaBrailleRoleDescription

Una cadena que refleja el atributo aria-brailleroledescription, que define la descripción braille del rol ARIA del elemento.

Element.ariaBusy

Una cadena que refleja el atributo aria-busy, que indica si un elemento está siendo modificado, ya que las tecnologías de asistencia podrían optar por esperar a que finalicen las modificaciones antes de mostrarlas al usuario.

Element.ariaChecked

Una cadena que refleja el atributo aria-checked, que indica el estado actual de "marcado" de las casillas de verificación, los botones de opción y otros widgets que admiten ese estado.

Element.ariaColCount

Una cadena que refleja el atributo aria-colcount, que define el número de columnas de una tabla, grid o treegrid.

Element.ariaColIndex

Una cadena que refleja el atributo aria-colindex, que define el índice o la posición de columna de un elemento con respecto al número total de columnas dentro de una tabla, grid o treegrid.

Element.ariaColIndexText

Una cadena que refleja el atributo aria-colindextext, que define una alternativa de texto legible por personas para aria-colindex.

Element.ariaColSpan

Una cadena que refleja el atributo aria-colspan, que define el número de columnas que abarca una celda o gridcell dentro de una tabla, grid o treegrid.

Element.ariaCurrent

Una cadena que refleja el atributo aria-current, que indica el elemento que representa el ítem en curso dentro de un contenedor o un conjunto de elementos relacionados.

Element.ariaDescription

Una cadena que refleja el atributo aria-description, que define un valor de cadena que describe o añade una anotación al elemento actual.

Element.ariaDisabled

Una cadena que refleja el atributo aria-disabled, que indica que el elemento es perceptible pero está deshabilitado, por lo que no es editable ni operable de ningún otro modo.

Element.ariaExpanded

Una cadena que refleja el atributo aria-expanded, que indica si un elemento de agrupación que pertenece a este elemento, o que este controla, está expandido o contraído.

Element.ariaHasPopup

Una cadena que refleja el atributo aria-haspopup, que indica la disponibilidad y el tipo de elemento emergente interactivo, como un menú o un cuadro de diálogo, que puede activarse mediante un elemento.

Element.ariaHidden

Una cadena que refleja el atributo aria-hidden, que indica si el elemento se expone a una API de accesibilidad.

Element.ariaInvalid

Una cadena que refleja el atributo aria-invalid, que indica que el valor introducido no se ajusta al formato que espera la aplicación.

Element.ariaKeyShortcuts

Una cadena que refleja el atributo aria-keyshortcuts, que indica los atajos de teclado que el autor ha implementado para activar un elemento o darle el foco.

Element.ariaLabel

Una cadena que refleja el atributo aria-label, que define un valor de cadena que etiqueta el elemento actual.

Element.ariaLevel

Una cadena que refleja el atributo aria-level, que define el nivel jerárquico de un elemento dentro de una estructura.

Element.ariaLive

Una cadena que refleja el atributo aria-live, que indica que un elemento se actualizará y describe los tipos de actualizaciones que los agentes de usuario, las tecnologías de asistencia y el usuario pueden esperar de la región dinámica.

Element.ariaModal

Una cadena que refleja el atributo aria-modal, que indica si un elemento es modal cuando se muestra.

Element.ariaMultiLine

Una cadena que refleja el atributo aria-multiline, que indica si un cuadro de texto admite varias líneas de entrada o solo una.

Element.ariaMultiSelectable

Una cadena que refleja el atributo aria-multiselectable, que indica que el usuario puede seleccionar más de un elemento de entre los descendientes seleccionables actuales.

Element.ariaOrientation

Una cadena que refleja el atributo aria-orientation, que indica si la orientación del elemento es horizontal, vertical o desconocida/ambigua.

Element.ariaPlaceholder

Una cadena que refleja el atributo aria-placeholder, que define una breve sugerencia para ayudar al usuario a introducir datos cuando el control no tiene valor.

Element.ariaPosInSet

Una cadena que refleja el atributo aria-posinset, que define el número o la posición de un elemento dentro del conjunto de listitems o treeitems al que pertenece.

Element.ariaPressed

Una cadena que refleja el atributo aria-pressed, que indica el estado actual de "presionado" de los botones de alternancia (toggle buttons).

Element.ariaReadOnly

Una cadena que refleja el atributo aria-readonly, que indica que el elemento no es editable, pero sí operable.

Element.ariaRelevant

Una cadena que refleja el atributo aria-relevant, que indica qué notificaciones activará el agente de usuario cuando se modifique el árbol de accesibilidad dentro de una región dinámica. Se usa para describir qué cambios en una región aria-live son relevantes y deben anunciarse.

Element.ariaRequired

Una cadena que refleja el atributo aria-required, que indica que se requiere una entrada del usuario en el elemento antes de poder enviar un formulario.

Element.ariaRoleDescription

Una cadena que refleja el atributo aria-roledescription, que define una descripción legible por personas, localizada por el autor, del rol de un elemento.

Element.ariaRowCount

Una cadena que refleja el atributo aria-rowcount, que define el número total de filas de una tabla, grid o treegrid.

Element.ariaRowIndex

Una cadena que refleja el atributo aria-rowindex, que define el índice o la posición de fila de un elemento con respecto al número total de filas de una tabla, grid o treegrid.

Element.ariaRowIndexText

Una cadena que refleja el atributo aria-rowindextext, que define una alternativa de texto legible por personas para aria-rowindex.

Element.ariaRowSpan

Una cadena que refleja el atributo aria-rowspan, que define el número de filas que abarca una celda o gridcell dentro de una tabla, grid o treegrid.

Element.ariaSelected

Una cadena que refleja el atributo aria-selected, que indica el estado "seleccionado" actual de los elementos que admiten ese estado.

Element.ariaSetSize

Una cadena que refleja el atributo aria-setsize, que define el número de elementos del conjunto de listitems o treeitems.

Element.ariaSort

Una cadena que refleja el atributo aria-sort, que indica si los elementos de una tabla o grid están ordenados de forma ascendente o descendente.

Element.ariaValueMax

Una cadena que refleja el atributo aria-valueMax, que define el valor máximo permitido para un widget de rango.

Element.ariaValueMin

Una cadena que refleja el atributo aria-valueMin, que define el valor mínimo permitido para un widget de rango.

Element.ariaValueNow

Una cadena que refleja el atributo aria-valueNow, que define el valor actual de un widget de rango.

Element.ariaValueText

Una cadena que refleja el atributo aria-valuetext, que define la alternativa de texto legible por personas de aria-valuenow para un widget de rango.

Element.role

Una cadena que refleja el atributo role establecido explícitamente, que proporciona el rol semántico del elemento.

Propiedades de instancia reflejadas desde referencias a elementos ARIA

Estas propiedades reflejan los elementos especificados mediante una referencia por id en los atributos correspondientes, pero con algunas salvedades. Consulta Referencias a elementos reflejadas en la guía Atributos reflejados para obtener más información.

Element.ariaActiveDescendantElement

Un elemento que representa el elemento activo cuando el foco está en un widget composite, combobox, textbox, group o application. Refleja el atributo aria-activedescendant.

Element.ariaControlsElements

Un array de elementos cuyo contenido o presencia controla el elemento al que se aplica. Refleja el atributo aria-controls.

Element.ariaDescribedByElements

Un array de elementos que contienen la descripción accesible del elemento al que se aplica. Refleja el atributo aria-describedby.

Element.ariaDetailsElements

Un array de elementos que proporcionan detalles accesibles para el elemento al que se aplica. Refleja el atributo aria-details.

Element.ariaErrorMessageElements

Un array de elementos que proporcionan un mensaje de error para el elemento al que se aplica. Refleja el atributo aria-errormessage.

Element.ariaFlowToElements

Un array de elementos que identifican el siguiente elemento (o elementos) en un orden de lectura alternativo del contenido, que reemplaza el orden de lectura general predeterminado a criterio del usuario. Refleja el atributo aria-flowto.

Element.ariaLabelledByElements

Un array de elementos que proporcionan el nombre accesible del elemento al que se aplica. Refleja el atributo aria-labelledby.

Element.ariaOwnsElements

Un array de elementos que pertenecen al elemento al que se aplica. Se usa para definir una relación visual, funcional o contextual entre un elemento padre y sus hijos cuando la jerarquía del DOM no puede representar esa relación. Refleja el atributo aria-owns.

Métodos de instancia

Element hereda métodos de su interfaz padre, Node, y, a su vez, de la interfaz padre de esta, EventTarget.

Element.after()

Inserta un conjunto de objetos Node o cadenas en la lista de hijos del padre del Element, justo después del Element.

Element.animate()

Un método abreviado para crear y ejecutar una animación en un elemento. Devuelve la instancia del objeto Animation creada.

Element.ariaNotify()

Especifica que un lector de pantalla debe anunciar una cadena de texto dada.

Element.append()

Inserta un conjunto de objetos Node o cadenas después del último hijo del elemento.

Element.attachShadow()

Adjunta un árbol shadow DOM al elemento especificado y devuelve una referencia a su ShadowRoot.

Element.before()

Inserta un conjunto de objetos Node o cadenas en la lista de hijos del padre del Element, justo antes del Element.

Element.checkVisibility()

Devuelve si se espera que un elemento sea visible o no, según comprobaciones configurables.

Element.closest()

Devuelve el Element que es el ancestro más cercano del elemento actual (o el propio elemento) y que coincide con los selectores indicados como parámetro.

Element.computedStyleMap()

Devuelve una interfaz StylePropertyMapReadOnly que proporciona una representación de solo lectura de un bloque de declaraciones CSS, como alternativa a CSSStyleDeclaration.

Element.getAnimations()

Devuelve un array de objetos Animation que están activos actualmente en el elemento.

Element.getAttribute()

Obtiene el valor del atributo con el nombre dado de este nodo y lo devuelve como una cadena.

Element.getAttributeNames()

Devuelve un array con los nombres de los atributos del elemento actual.

Element.getAttributeNode()

Obtiene la representación como nodo del atributo especificado del nodo actual y la devuelve como un Attr.

Element.getAttributeNodeNS()

Obtiene la representación como nodo del atributo con el nombre y el namespace especificados de este nodo y lo devuelve como un Attr.

Element.getAttributeNS()

Obtiene el valor del atributo con el namespace y el nombre especificados de este nodo y lo devuelve como una cadena.

Element.getBoundingClientRect()

Devuelve el tamaño de un elemento y su posición relativa al viewport.

Element.getBoxQuads()

Devuelve una lista de objetos DOMQuad que representan los fragmentos CSS del nodo.

Element.getClientRects()

Devuelve una colección de rectángulos que indican los rectángulos delimitadores de cada línea de texto.

Element.getElementsByClassName()

Devuelve una HTMLCollection dinámica que contiene todos los descendientes del elemento actual que tienen la lista de clases dada como parámetro.

Element.getElementsByTagName()

Devuelve una HTMLCollection dinámica que contiene todos los elementos descendientes del elemento actual con un nombre de etiqueta determinado.

Element.getElementsByTagNameNS()

Devuelve una HTMLCollection dinámica que contiene todos los elementos descendientes del elemento actual con un nombre de etiqueta y un namespace determinados.

Element.getHTML()

Devuelve el contenido DOM del elemento como una cadena HTML, con la posibilidad de incluir el shadow DOM.

Element.hasAttribute()

Devuelve un valor booleano que indica si el elemento tiene el atributo especificado o no.

Element.hasAttributeNS()

Devuelve un valor booleano que indica si el elemento tiene el atributo especificado en el namespace especificado o no.

Element.hasAttributes()

Devuelve un valor booleano que indica si el elemento tiene uno o más atributos HTML presentes.

Element.hasPointerCapture()

Indica si el elemento sobre el que se invoca tiene la captura del puntero identificado por el ID de puntero dado.

Element.insertAdjacentElement()

Inserta un nodo de elemento dado en una posición dada relativa al elemento sobre el que se invoca.

Element.insertAdjacentHTML()

Analiza el texto como HTML o XML e inserta los nodos resultantes en el árbol en la posición indicada.

Element.insertAdjacentText()

Inserta un nodo de texto dado en una posición dada relativa al elemento sobre el que se invoca.

Element.matches()

Devuelve un valor booleano que indica si el elemento sería seleccionado por la cadena de selector especificada.

Element.moveBefore()

Mueve un Node dado dentro del nodo sobre el que se invoca, como hijo directo y antes de un nodo de referencia dado, sin eliminarlo para volver a insertarlo después.

Element.prepend()

Inserta un conjunto de objetos Node o cadenas antes del primer hijo del elemento.

Element.pseudo()

Devuelve un objeto CSSPseudoElement que representa el pseudoelemento de CSS del tipo especificado asociado al elemento.

Element.querySelector()

Devuelve el primer Node que coincide con la cadena de selector especificada, relativa al elemento.

Element.querySelectorAll()

Devuelve una NodeList con los nodos que coinciden con la cadena de selector especificada, relativa al elemento.

Element.releasePointerCapture()

Libera (detiene) la captura del puntero establecida previamente para un PointerEvent concreto.

Element.remove()

Elimina el elemento de la lista de hijos de su padre.

Element.removeAttribute()

Elimina el atributo especificado del nodo actual.

Element.removeAttributeNode()

Elimina la representación como nodo del atributo con el nombre dado del nodo actual.

Element.removeAttributeNS()

Elimina del nodo actual el atributo con el nombre y el namespace especificados.

Element.replaceChildren()

Reemplaza los hijos existentes de un Node por un nuevo conjunto de hijos especificado.

Element.replaceWith()

Reemplaza el elemento en la lista de hijos de su padre por un conjunto de objetos Node o cadenas.

Element.requestFullscreen()

Solicita de forma asíncrona al navegador que muestre el elemento en pantalla completa.

Element.requestPointerLock()

Permite solicitar de forma asíncrona que el puntero quede bloqueado sobre el elemento dado.

Element.scroll()

Desplaza el contenido a un conjunto concreto de coordenadas dentro de un elemento dado.

Element.scrollBy()

Desplaza un elemento la cantidad dada.

Element.scrollIntoView()

Desplaza la página hasta que el elemento sea visible.

Element.scrollIntoViewIfNeeded()

Desplaza el elemento actual hasta el área visible de la ventana del navegador si todavía no está dentro de ella. Usa en su lugar el método estándar Element.scrollIntoView().

Element.scrollTo()

Desplaza el contenido a un conjunto concreto de coordenadas dentro de un elemento dado.

Element.setAttribute()

Establece el valor de un atributo con un nombre específico en el nodo actual.

Element.setAttributeNode()

Establece la representación como nodo del atributo con el nombre dado en el nodo actual.

Element.setAttributeNodeNS()

Establece la representación como nodo del atributo con el nombre y el namespace especificados en el nodo actual.

Element.setAttributeNS()

Establece el valor del atributo con el namespace y el nombre especificados de este nodo.

Element.setCapture()

Configura la captura de eventos del ratón, redirigiendo todos los eventos del ratón a este elemento.

Element.setHTML() Contexto seguro

Analiza y sanitiza una cadena de HTML para convertirla en un fragmento de documento, que luego reemplaza el subárbol original del elemento en el DOM.

Element.setHTMLUnsafe()

Analiza una cadena de HTML, sin sanear, para obtener un fragmento de documento, que luego reemplaza el subárbol original del elemento en el DOM. La cadena HTML puede incluir shadow roots declarativos, que se analizarían como elementos template si el HTML se hubiera establecido con Element.innerHTML.

Element.setPointerCapture()

Designa un elemento concreto como objetivo de captura de los futuros eventos de puntero.

Element.startViewTransition()

Inicia una nueva transición de vista dentro del mismo documento (SPA) con ámbito de elemento y devuelve un objeto ViewTransition que la representa.

Element.toggleAttribute()

Alterna un atributo booleano en el elemento especificado: lo elimina si está presente y lo añade si no lo está.

Eventos

Escucha estos eventos con addEventListener() o asignando un detector de eventos a la propiedad oneventname de esta interfaz.

afterscriptexecute

Se dispara cuando se ha ejecutado un script.

beforeinput

Se dispara cuando el valor de un elemento input está a punto de modificarse.

beforematch

Se dispara en un elemento que está en el estado hidden until found cuando el navegador está a punto de revelar su contenido porque el usuario lo ha encontrado mediante la función "buscar en la página" o mediante la navegación por fragmento.

beforescriptexecute

Se dispara cuando un script está a punto de ejecutarse.

beforexrselect

Se dispara antes de que se envíen los eventos select de WebXR (select, selectstart, selectend).

contentvisibilityautostatechange

Se dispara en cualquier elemento que tenga establecido content-visibility: auto cuando empieza o deja de ser relevante para el usuario y de omitir su contenido.

input

Se dispara cuando cambia el valor de un elemento como resultado directo de una acción del usuario.

securitypolicyviolation

Se dispara cuando se infringe una Política de Seguridad del Contenido.

wheel

Se dispara cuando el usuario gira la rueda de un dispositivo señalador (normalmente un ratón).

Eventos de animación

animationcancel

Se dispara cuando una animación se interrumpe inesperadamente.

animationend

Se dispara cuando una animación ha finalizado normalmente.

animationiteration

Se dispara cuando ha terminado una iteración de la animación.

animationstart

Se dispara cuando comienza una animación.

Eventos del portapapeles

copy

Se dispara cuando el usuario inicia una acción de copiar a través de la interfaz de usuario del navegador.

cut

Se dispara cuando el usuario inicia una acción de cortar a través de la interfaz de usuario del navegador.

paste

Se dispara cuando el usuario inicia una acción de pegar a través de la interfaz de usuario del navegador.

Eventos de composición

compositionend

Se dispara cuando un sistema de composición de texto, como un editor de método de entrada, completa o cancela la sesión de composición actual.

compositionstart

Se dispara cuando un sistema de composición de texto, como un editor de método de entrada, inicia una nueva sesión de composición.

compositionupdate

Se dispara cuando se recibe un carácter nuevo en el contexto de una sesión de composición de texto controlada por un sistema de composición de texto, como un editor de método de entrada.

Eventos de foco

blur

Se dispara cuando un elemento ha perdido el foco.

focus

Se dispara cuando un elemento ha recibido el foco.

focusin

Se dispara cuando un elemento ha recibido el foco, después de focus.

focusout

Se dispara cuando un elemento ha perdido el foco, después de blur.

Eventos de pantalla completa

fullscreenchange

Se envía a un Element cuando entra en el modo de pantalla completa o sale de él.

fullscreenerror

Se envía a un Element si se produce un error al intentar ponerlo en modo de pantalla completa o sacarlo de él.

Eventos de teclado

keydown

Se dispara cuando se presiona una tecla.

keypress

Se dispara cuando se presiona una tecla que produce un valor de carácter.

keyup

Se dispara cuando se suelta una tecla.

Eventos de ratón

auxclick

Se dispara cuando se presiona y suelta un botón no principal de un dispositivo señalador (por ejemplo, cualquier botón del ratón que no sea el izquierdo) sobre un elemento.

click

Se dispara cuando se presiona y se suelta sobre un único elemento un botón del dispositivo señalador (por ejemplo, el botón principal del ratón).

contextmenu

Se dispara cuando el usuario intenta abrir un menú contextual.

dblclick

Se dispara cuando se hace doble clic con un botón del dispositivo señalador (por ejemplo, el botón principal del ratón) sobre un único elemento.

DOMActivate

Se produce cuando se activa un elemento, por ejemplo, mediante un clic del ratón o al presionar una tecla.

DOMMouseScroll

Se produce cuando se utiliza la rueda del ratón o un dispositivo similar y la cantidad de desplazamiento acumulada supera una línea o una página desde el último evento.

mousedown

Se dispara cuando se presiona un botón del dispositivo señalador sobre un elemento.

mouseenter

Se dispara cuando un dispositivo señalador (normalmente un ratón) se mueve sobre el elemento que tiene asociado el detector.

mouseleave

Se dispara cuando el puntero de un dispositivo señalador (normalmente un ratón) sale de un elemento que tiene asociado el detector.

mousemove

Se dispara cuando un dispositivo señalador (normalmente un ratón) se mueve mientras está sobre un elemento.

mouseout

Se dispara cuando un dispositivo señalador (normalmente un ratón) sale del elemento al que está asociado el detector o de uno de sus hijos.

mouseover

Se dispara cuando un dispositivo señalador se mueve sobre el elemento al que está asociado el detector o sobre uno de sus hijos.

mouseup

Se dispara cuando se suelta un botón del dispositivo señalador sobre un elemento.

mousewheel

Se dispara cuando se acciona la rueda del ratón o un dispositivo similar.

MozMousePixelScroll

Se dispara cuando se acciona la rueda del ratón o un dispositivo similar.

webkitmouseforcechanged

Se dispara cada vez que cambia la cantidad de presión sobre el trackpad o la pantalla táctil.

webkitmouseforcedown

Se dispara después del evento mousedown, en cuanto se ha aplicado presión suficiente para considerarlo un "clic con fuerza".

webkitmouseforcewillbegin

Se dispara antes del evento mousedown.

webkitmouseforceup

Se dispara después del evento webkitmouseforcedown, en cuanto la presión se ha reducido lo suficiente para dar por terminado el "clic con fuerza".

Eventos de puntero

gotpointercapture

Se dispara cuando un elemento captura un puntero mediante setPointerCapture().

lostpointercapture

Se dispara cuando se libera un puntero capturado.

pointercancel

Se dispara cuando se cancela un evento de puntero.

pointerdown

Se dispara cuando un puntero se activa.

pointerenter

Se dispara cuando un puntero entra en los límites de hit test de un elemento o de uno de sus descendientes.

pointerleave

Se dispara cuando un puntero sale de los límites de hit test de un elemento.

pointermove

Se dispara cuando un puntero cambia de coordenadas.

pointerout

Se dispara cuando un puntero sale de los límites de hit test de un elemento (entre otros motivos).

pointerover

Se dispara cuando un puntero entra en los límites de hit test de un elemento.

pointerrawupdate

Se dispara cuando un puntero cambia cualquier propiedad que no dispare los eventos pointerdown ni pointerup.

pointerup

Se dispara cuando un puntero deja de estar activo.

Eventos de desplazamiento

scroll

Se dispara cuando se ha desplazado la vista del documento o un elemento.

scrollend

Se dispara cuando la vista del documento ha terminado de desplazarse.

scrollsnapchange

Se dispara en el contenedor de desplazamiento al finalizar una operación de desplazamiento, cuando se ha seleccionado un nuevo objetivo de ajuste de desplazamiento (scroll snap).

scrollsnapchanging

Se dispara en el contenedor de desplazamiento cuando el navegador determina que hay un nuevo objetivo de ajuste de desplazamiento pendiente; es decir, se seleccionará cuando termine el gesto de desplazamiento en curso.

Eventos táctiles

gesturechange

Se dispara cuando los dedos se mueven durante un gesto táctil.

gestureend

Se dispara cuando ya no hay varios dedos en contacto con la superficie táctil, finalizando así el gesto.

gesturestart

Se dispara cuando varios dedos entran en contacto con la superficie táctil, iniciando así un nuevo gesto.

touchcancel

Se dispara cuando uno o más puntos de contacto se interrumpen de una manera específica de la implementación (por ejemplo, si se crean demasiados puntos de contacto).

touchend

Se dispara cuando uno o más puntos de contacto se retiran de la superficie táctil.

touchmove

Se dispara cuando uno o más puntos de contacto se desplazan por la superficie táctil.

touchstart

Se dispara cuando uno o más puntos de contacto se colocan sobre la superficie táctil.

Eventos de transición

transitioncancel

Un Event que se dispara cuando se ha cancelado una transición CSS.

transitionend

Un Event que se dispara cuando una transición CSS ha terminado de reproducirse.

transitionrun

Un Event que se dispara cuando se crea una transición CSS (es decir, cuando se añade a un conjunto de transiciones en ejecución), aunque no necesariamente haya comenzado.

transitionstart

Un Event que se dispara cuando una transición CSS ha comenzado a realizarse.

Especificaciones

Compatibilidad con navegadores