Necesito un div emergente que aparecerá justo debajo del ancla que hice clic. Ahora, quiero determinar las coordenadas xey en el evento Click de un anclaje. ¿Cuál es la mejor práctica de hacerlo? ¿Cuáles son las propiedades de eventos recomendables para usar?¿Cuál es la diferencia entre offsetX, offsetY y pageX, pageY?
offsetX y offsetY son en relación al contenedor principal, mientras que pageX y pageY son en relación con el documento. No confunda esto con .offset() y .position(), en el que .offset() es relativo al documento y .position() es relativo al contenedor principal .offset().
Algo como este ejemplo debería funcionar (JQuery):
$('a').click(function(){
var offset = $(this).offset();
$('#popup_div').css('top',offset.top + 'px').css('left',offset.left + 'px').show();
});
2 extractos de sitio web de documentación Jquery
El .position() método permite nosotros para recuperar la posición actual de un elemento relativo a los padres de compensación
http://api.jquery.com/position/
El método .offset() nos permite recuperar la posición actual de un elemento con respecto al documento.
los documentos aquí: (http://api.jquery.com/category/events/event-object/#post-850) parecen indicar que pageX/Y son en relación con el documento , no la ventana, que importa si la página se ha desplazado. – aaronstacy
El uso de jQuery es totalmente superfluo para poder responder a esta pregunta. Créalo o no * puede * determinar las coordenadas x, y * sin * que requieren jQuery. – Neil
4 años después ...;) – AlienWebguy