MouseEvent del DOM HTML

Eventos DOM Objeto Evento

Objeto MouseEvent

Los eventos que ocurren al interactuar con el documento HTML mediante el ratón pertenecen al objeto MouseEvent.

Propiedades y métodos de eventos de Mouse

Atributo/método Descripción
altKey Devuelve si se pulsó la tecla "ALT" en el momento de la generación del evento de ratón.
button Devuelve el botón del ratón pulsado en el momento de la generación del evento de ratón.
buttons Devuelve el botón del ratón pulsado en el momento de la generación del evento de ratón.
clientX Devuelve la coordenada horizontal del puntero del ratón en relación con la ventana actual en el momento de la generación del evento.
clientY Devuelve la coordenada vertical del puntero del ratón en relación con la ventana actual en el momento de la generación del evento.
ctrlKey Devuelve si se pulsó la tecla "CTRL" en el momento de la generación del evento de ratón.
getModifierState() Si se activa la tecla especificada, devuelve true.
metaKey Devuelve si se pulsó la tecla "META" en el momento de la generación del evento.
movementX Devuelve la coordenada horizontal del puntero del ratón en relación con la última evento mousemove.
movementY Devuelve la coordenada vertical del puntero del ratón en relación con la última evento mousemove.
offsetX Devuelve la coordenada horizontal del puntero del ratón en relación con el borde del elemento objetivo.
offsetY Devuelve la coordenada vertical del puntero del ratón en relación con el borde del elemento objetivo.
pageX Devuelve la coordenada horizontal del puntero del ratón en relación con el documento en el momento de la generación del evento.
pageY Devuelve la coordenada vertical del puntero del ratón en relación con el documento en el momento de la generación del evento.
region 　
relatedTarget Devuelve el elemento relacionado con el elemento que generó el evento de ratón.
screenX Devuelve la coordenada horizontal del puntero del ratón en relación con la pantalla en el momento de la generación del evento.
screenY Devuelve la coordenada vertical del puntero del ratón en relación con la pantalla en el momento de la generación del evento.
shiftKey Devuelve si se pulsó la tecla "SHIFT" en el momento de la generación del evento.
which Devuelve el botón del ratón pulsado en el momento de la generación del evento de ratón.

Propiedades y métodos heredados

El MouseEvent hereda todas las propiedades y métodos de los siguientes objetos:

UiEvent

Objeto Evento

Tipo de evento

Estos tipos de eventos pertenecen al objeto MouseEvent:

Evento Descripción
onclick Este evento ocurre cuando el usuario hace clic en el elemento.
oncontextmenu Este evento ocurre cuando el usuario hace clic con el botón derecho en un elemento para abrir el menú contextual.
ondblclick Este evento ocurre cuando el usuario hace doble clic en el elemento.
onmousedown Este evento ocurre cuando el usuario presiona el botón del ratón sobre el elemento.
onmouseenter Este evento ocurre cuando el puntero se mueve sobre el elemento.
onmouseleave Este evento ocurre cuando el puntero sale del elemento.
onmousemove Este evento ocurre cuando el puntero se mueve sobre el elemento.
onmouseout Este evento ocurre cuando el usuario mueve el puntero del ratón fuera del elemento o uno de sus elementos hijos.
onmouseover Este evento ocurre cuando el puntero se mueve sobre el elemento o uno de sus elementos hijos.
onmouseup Este evento ocurre cuando el usuario libera el botón del ratón sobre el elemento.
Eventos DOM Objeto Evento