Tengo un conjunto de divs que son dinámicos, de alguna manera los quiero en un orden diferente. Así que estoy usando order flex para controlar el orden de los divs. Uno de los div contiene una imagen. Al hacer clic en esa imagen, debería consolar las coordenadas x e y del clic relacionado con la imagen. He hecho todo lo que quiero. Pero el problema es que obtengo las coordenadas y en un número negativo, creo que es por el orden que he cambiado usando flex.
El resultado esperado: cuando hago clic en la posición superior izquierda de la imagen del borde, debería consolar la posición exacta del clic que está relacionado con la imagen.
Esto es causado por sus propios cálculos. Puede simplificar el cálculo usando esta función
GetMousePositionRelativeToTarget(e) { // Get the target const target = e.target; // Get the bounding rectangle of target const rect = target.getBoundingClientRect(); // Mouse position const x = e.clientX - rect.left; const y = e.clientY - rect.top; console.log(x + ':' + y); return [x, y]; }