Odaklanma özelliğine sahip tek bir öğeye odaklanın. (jQuery)

Question

İki giriş alanım var. numaralı telefonun #input üzerinde olmaması durumunda kullanıcının numaralı telefonu tıkladığı yerde odağı zorlamak istiyorum. Bunun gibi bir şey denedim, ancak girdi belgenin bir parçası olduğu için işe yaramıyor.

$("#area").focus(); 
$(document).click(function() { $("#area").focus() }; 
$("#input").click(function() { $("#input").focus() }; 

Düşünceler?

$("#area").focus(); 
$(document).click(function() { $("#area").focus() }); 
$("#input").click(function(e) { e.stopPropagation(); $("#input").focus() }); 

için

Answer 1

değiştirecektirler Bu belgeye kabardığını gelen olayı durur ve sadece normal bir tıklayarak yaparken fokurdayan etkinliği iptal gerekir #input

Answer 2

tarafından yakalanacak girişleri, olay işleyicinizde false değerini döndürerek veya e.stopPropagation() numaralı telefonu arayarak.

Olay işleyicileri atandığınız siparişin önemli olup olmadığından emin değilim, ancak önce #input etkinliğini yerleştirmeyi deneyebilirsiniz.

Answer 3

stopPropogation çözümü, önermek üzere olduğumdan daha basit, ancak muhtemelen bu diğer seçeneği tartışmaya değer. Olayın target mülkiyet girişinizi olup olmadığını görmek için

$(document).click(function(event) { ... 

ve onu test: Eğer var o ilk işlevinde, bir jQuery normalize olay nesnesidir fonksiyonu, ilk argüman alarak deneyebilirsiniz :

$(document).click(function(event) { 
    if(! (event.target == $("#input").get(0))) 
     $("#area").focus(); 
}