Javascript/jquery、（x、y）のすべてのdivの位置を取得します。転送の接触？

Question

可能性の重複：
How to get a list of all elements that resides at the clicked point?

私はdocument.elementFromPoint(x,y)を使用して、最高のzインデックスを持つ要素を取得することができます知っています。

問題は、タッチイベントの場所を含むすべてのdivを取得する必要があることです。

どのようにタッチを下の要素に伝播できますか？私は、次の...

をCSSで再生成するイベント、またはポインタ・イベントのスタイルながら、しかし、私はこれらを使用することはできませんし、彼らがちらつき可能性があり、/非表示の要素を示し、いくつかのハックのソリューションを見てきました

図は、私が何をする必要があるかを示しています。

、紫、緑、青のボックスはdiv要素を表し、赤い点がタッチ位置であれば、私は、」DIV3を返す関数が必要div2、div1 "とする。

Answer 1

このコードではありませんちらつき：

$("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

どうやっについて：

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