Javascript / jquery, obtenga la location de todos los divs en (x, y). Toques de reenvío?

Posible duplicado:
¿Cómo get una list de todos los elementos que residen en el punto cliqueado?

Sé que puedo get el elemento con el índice z más alto utilizando document.elementFromPoint(x,y) .

El problema es que necesito get cada div que contenga la location del evento táctil.

¿Cómo puedo propagar toques a los elementos debajo?

He visto algunas soluciones extravagantes que muestran / ocultan elementos mientras se vuelve a generar el evento, o estilo de events de puntero con CSS, sin embargo, no puedo usarlos y pueden causar parpadeos …

El siguiente diagtwig ilustra lo que debo hacer:

Si los cuadros púrpura, verde y azul representan los elementos div, y el punto rojo es la location táctil, necesito una function que devuelva "div3, div2, div1".

Sin parpadeos con este código:

 $("body").click(function(e){ var x = e.pageX, y = e.pageY; var res = []; var ele = document.elementFromPoint(x,y); while(ele && ele.tagName != "BODY" && ele.tagName != "HTML"){ res.push(ele); ele.style.display = "none"; ele = document.elementFromPoint(x,y); } for(var i = 0; i < res.length; i++){ res[i].style.display = ""; } console.log(res); });​ 

¿Qué tal hacer?

  $(document).click(function(e) { var pageX = e.pageX; var pageY = e.pageY; $('*').each(function(index) { var offset = $(this).offset(); var left = offset.left; var right = offset.right; var width = $(this).width(); var height = $(this).height(); if(pageX > left && pageX < left + width) { if(pageY > top && pageY < top + height) { //Handle the div } } }); });