強制關注一個元素，但有一個例外。 （jQuery）

Question

我有兩個輸入字段。我想在用戶點擊除非它是#INPUT給力的重點#area不管。我試過這樣的東西，但由於輸入是文檔的一部分，所以不起作用。

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

想法？

Answer 1

將其更改爲

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

這將向上冒泡到文檔停止的情況下，只會由#input

Answer 2

對正常的點擊時，您需要取消事件冒泡被抓輸入，或者通過在事件處理程序中返回false，或者致電e.stopPropagation()。

我不知道，如果在您指定的事件處理程序事項的順序，但你可以嘗試先放#input事件。

Answer 3

的stopPropogation的解決辦法是比我要建議簡單，但它可能是值得討論這個其他選項。在你已經得到了第一個功能，你可以嘗試採取的第一個參數的功能，這是一個jQuery規範化事件對象：

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

並對其進行測試，看看事件的target屬性是你的輸入：

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