position - posicion - Posición relativa del ratón jquery ventana relativa
como saber las coordenadas del mouse (4)
Estoy tratando de obtener la posición exacta del ratón en relación con la ventana.
Aquí está mi problema ...
-
document.height= 1600 (tamaño real del documento) -
window.height= 400 (visible)
Necesito averiguar la posición del mouse relativa a la ventana, no al documento que proporciona el atributo pageY.
Es para una información sobre herramientas de gran tamaño, que aparece en cualquier lugar de la tabla. Si no hay espacio suficiente en la parte inferior de la pantalla (la ventana está al máximo), entonces la información sobre herramientas se muestra sobre el puntero, de lo contrario, debajo del puntero. Esto funciona bien hasta que el tamaño del documento es mayor que el tamaño de página (tabla larga).
Gracias luc
¿Qué pasa con el atributo document.body.scrollTop? Esto contiene los píxeles que ha desplazado. Creo que un simple pageY - scrollTop debería ser suficiente entonces?
¿Y qué hay de window.pageYOffset?
Manifestación:
<html>
<head>
<style>
html,body {padding:0;margin:0}
#content {height:2048px;background-color:#ccc;}
#status {position:fixed;top:0;left:0;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$(document).mousemove(function(e){
$(''#status'').html(e.pageX +'', ''+ (e.pageY - window.pageYOffset));
});
})
</script>
<body>
<h2 id="status">0, 0</h2>
<div id="content"></div>
</body>
</html>
Puede restar .scrollTop() de la window de pageY para obtener la posición en la ventana, de esta manera:
var top = e.pageY - $(window).scrollTop();
function showCoords(evt){
alert(
"clientX value: " + evt.clientX + "/n"
+ "clientY value: " + evt.clientY + "/n"
);
}
Creo que esto es lo que estás buscando. Ver en detalle aquí desde Mozilla Developer .