Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Consulta sobre la diferencia entre algunos parámetros del evento onclick

Buenas! Espero que se encuentren bien! Quería consultar sobre las diferencias de algunos parámetros que se se disparan con el evento onclick. Veo que hay varios que tienen los mismos valores, pero estimo que deben servir para distintas cosas; como x, pageX, layerX o clientX (y lo mismo para y). Los valores que difieren son los de offsetX y offsetY y por lo que veo difieren en 1 de la posición real del click.

Comparé lo que presentó el profesor en el aula con esto otro y me llamó la atención:

    var xPrueba = evento.offsetX;
    var yPrueba = evento.offsetY;

    var x = evento.x - pantalla.offsetLeft;
    var y = evento.y - pantalla.offsetTop;

En ese ejemplo, xPrueba = x + 1, así como yPrueba = y + 1... Quería ver de comprender un poco más esos parámetros a fines de poder simplificar código en tal caso.

Leo sus respuestas. Saludos!

1 respuesta

Hola Roberto, espero que estés bien.

Gracias por compartir tu código con nosotros.

La propriedad offsetX devuelve la coordenada x del puntero del mouse, en relación con el elemento donde se hace el clic, asi como el evento offsetY.

Puede leer mas sobre estos parámetros aqui

¡Saludos!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios