Descripción
El interface MouseEvent representa un evento que ocurre cuando se interactúa con el ratón. Este interface extiende de UIEvent y proporciona información específica sobre la posición del ratón, el estado de los botones y las teclas modificadoras cuando se produce el evento.
Sintaxis
MouseEvent
Constructores
Propiedades
- altKey
- button
- buttons
- clientX
- clientY
- ctrlKey
- layerX
- layerY
- metaKey
- movementX
- movementY
- offsetX
- offsetY
- pageX
- pageY
- relatedTarget
- screenX
- screenY
- shiftKey
- mozInputSource
- webkitForce
- x
- y
Métodos
Ejemplo
A continuación se muestra un ejemplo de cómo manejar un evento de ratón utilizando el interface MouseEvent:
document.addEventListener('click', (event) => {
// Obtener las coordenadas del clic
console.log(`Posición X: ${event.clientX}`);
console.log(`Posición Y: ${event.clientY}`);
// Comprobar si se ha pulsado alguna tecla modificadora
if (event.ctrlKey) {
console.log('Se ha pulsado la tecla Control');
}
});