Bir öğenin önünde olup olmadığını test etmenin basit bir yolu? o kaynakta div bir sonraki izlediğinden bir sayfada

Question

İki elemanları aynı z-index ... önünde

<div id="one" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div> 
<div id="two" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div> 

Div iki görünür var.

jQuery'de, bir öğenin başka bir öğenin önünde olup olmadığını sınamak için basit bir yol var mı?

Answer 1

Bu yardımcı olabilir: Geçilen elemanın ofsetini alıyorum ve elementFromPoint'ten aldığım öğeyle karşılaştırıyorum.

function checkClickable(id){ 
    var element = document.getElementById(id); 
    var newElement = document.elementFromPoint(element.offsetLeft, element.offsetTop); 
    if(newElement){ 
     if(newElement.id == id) 
      return true; 
    } 
    return false; 
} 

Bunu bir temel olarak kullanabilirsiniz.