Necesito una forma de encontrar las coordenadas de un clic del mouse en relación con todo el documento. Conozco pageX y pageY, pero estos valores no tienen en cuenta el documento completo verdadero, o más bien lo que realmente quiero decir es que estos valores no consideran el documento visible actualmente, Y el documento desplazable sobrante. Entonces, si bien el valor X está bien porque esta página no se desplaza en el eje X, significa que el valor Y cambiará dependiendo de DÓNDE se encuentre el usuario debido a la capacidad de desplazamiento.
Siento que me debo estar perdiendo algo obvio?
Creo que debería agregar al "clienteY" el valor de la posición "window.scrollY" en el remitente del evento (si usa el evento "onmousemove")
He hecho un ejemplo para ti
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <title>Test</title> <style> body { height: 100; width: 100%; } #mouse { position: fixed; width: 500px; height: 200px; top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; font-size: 50px; } </style> </head> <body> <div id="mouse"></div> <div id="test"></div> </body> <script> onmousemove = function(e){ document.getElementById("mouse").innerText = e.clientX + " - " + (e.clientY + window.scrollY) + " - " + window.scrollY } let testDiv = document.getElementById("test"); for (let index = 0; index < 1000; index++) { let tempDiv = document.createElement("div"); tempDiv.innerText = "test" + index; testDiv.appendChild(tempDiv); } </script> </html>