Belirli bir alanın dışındaki bir tıklamaya nasıl yanıt verilir?

Question

Belgem şöyle görünür:

Temelde arka plan bir tam ekran, şeffaf div olduğunu. Birkaç sorun var ... eğer sadece arka plan div'unu yaratıyorsam ve ona herhangi bir z-endeksi uygulamıyorsam, her şeyin üstünde olmaktan çıkıyor ve kutuya tıklayamıyorum. Arka plan divunun z-endeksini kutunun altında olacak şekilde ayarlarsanız arka plana tıklayamıyorum. Ne yapmak istiyorum, hem kutuya hem de arkaplana tıklayabilmek.

var x = document.getElementById("bg"); 
x.addEventListener("click",reset,false); 

function reset() { 
    alert("reset was clicked"); 
} 

AYDINLATMA: kutu, bg ile aynı düğüm düzeyinde. bg div içinde değil.

Answer 1

Öyle her biri size yardımcı olabilir kodunuzu göndermek zorundadır. Benim test, Firefox ve Chrome'da düzgün çalışıyor. Doğru tahmin edersem kodunuzdaki arka plan genişlemez. Sorunu görmek için örneğimde html, body { width:100%; height:100%; } kaldırmaya çalışın.

IE tarayıcısında, arka plan divunun arka planı olarak saydam bir gif resmi kullanmanız gerekir, aksi halde arka plan div fare tıklama olayını alamıyor olabilir.

Answer 2

Bu jQuery eklentisine bir göz atın - belirli bir soruyu çözmese bile, kod ikileminize ilişkin bilgi sağlayabilir.

jQuery clickoutside