Javascript/jquery, erhalten alle divs Standort bei (x, y). Weiterleitung berührt?

Question

Mögliche Duplizieren:
How to get a list of all elements that resides at the clicked point?

Ich weiß, dass ich das Element mit dem höchsten Z-Index document.elementFromPoint(x,y) durch Verwendung erhalten kann.

Das Problem ist, ich muss jedes div, das den Standort des Touch-Ereignis enthält enthält.

Wie kann ich Berührungen an Elemente darunter verbreiten?

ich einige Hacky Lösungen gesehen haben, die das Ereignis oder Zeiger-Ereignisse Stil mit CSS zeigen/verstecken Elemente während neu zu erzeugen, jedoch kann ich nicht diese verwenden und sie verursachen Flackern kann ...

Die folgende Diagramm veranschaulicht, was ich tun muß:

Wenn die lila, grün und blau-Boxen, die div-Elemente repräsentieren, und der rote Punkt ist die Berührungsstelle, ich brauche eine Funktion, die „div3 zurückkehren würde, div2, div1 ".

Answer 1

Kein Flackern mit diesem Code:

$("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); 
});​ 

Answer 2

Was ist zu tun:

$(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 
      } 
     } 
    }); 
});