Javascript/jquery, tüm divs konumlarını (x, y) olarak alın. Yönlendirme dokunuyor mu?

Question

Olası Çoğalt:
How to get a list of all elements that resides at the clicked point?

ben document.elementFromPoint(x,y) kullanarak en yüksek z-endeksine sahip eleman alabilirsiniz biliyorum.

Sorun, dokunmatik olayın yerini içeren her div almam gerekiyor.

Altındaki öğelere dokunmaları nasıl iletebilirim?

aşağıdaki ancak ben bu kullanamaz ve onlar titreyen neden olabilir, olayı yeniden üretirken/gizleme elemanları veya css ile işaretçi-olaylar tarzını gösteren bazı hacky çözümler gördük

... , mor, yeşil ve mavi kutular div öğelerini temsil eder ve kırmızı nokta dokunmatik konum ise

, ben "DIV3 dönecekti bir işlevi gerekir: diyagramı yapmam gerekenleri göstermektedir div2, div1 ".

Answer 1

bu kodla Titreşimsiz:

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

Ne yapmayı:

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