Kullanıcının bir öğeyi görüp göremeyeceğini nasıl kontrol edebilirim?

Question

Sayfadaki tüm gerçekten görünür ve tıklanabilir öğeleri document.elementFromPoint işlevini kullanarak bulmak mümkün. Ancak, görünümün dışındaki öğeler için null değerini döndürür.

Peki, tüm sayfadaki tıklanabilir ve görünür öğelerin tümü nasıl bulunur? Görünür öğeler sadece stillerle sınırlı değildir. Şimdi tüm çocuk öğelerinin arkasında bulunan bir kapsayıcı <div> düşünün. Böylece, numaralı ebeveyn artık görünmez. Yani

, bunu sayfanın tüm gerçekten görünür unsurları bulmak nasıl mümkün olduğunu bir fikrin var mı? Yukarıdaki örnekte, açıkça “Üst <div>” pratik olarak görünmüyor. Bu unsurların görünmeyebileceği ve stillerin (display, visibility, vb.) Gösteremeyeceği bazı diğer öngörülemeyen durumlar vardır.

Benim son niyet: bir eleman olup olmadığını kontrol etmek istiyorum gerçekten görünür ve son kullanıcı ya da değil için tıklanabilir. Örnek olarak, bir kullanıcının tıklayabileceği tüm olası bölgeleri bulmak istiyorum.

Answer 1

DomApi'deki olayların arkasındaki temel bilgileri yanlış anladınız. istemcide meydana gelen herhangi bir olayda kabarcıklar ve yakalar olacaktır.kodunun, olayın ele alınması için yakalama yerine balonu kullanması anlamına gelen document.addEventListener('click',function(){},false),

gibi kodları görmüş olmanız gerekir. çok tıklanabilir dom elemanı DOMJs kabarcık kullanan ya da (Bu, [X-Y bir sorun] gibi görünüyor