當輸入具有焦點時，保留Div的可見性

Question

我有一個a，當它懸停時，在其中顯示一個div。裏面那div是一個input(type="text")。當用戶懸停在a上時，div仍然可見。但是，問題是當他們鍵入input字段時，如果鼠標未在a或div上，則div將變爲隱藏狀態，並且input停止接收輸入。

我怎樣才能設置它，以便只要input有焦點，div將保持可見？

這是a fiddle，它解釋了它好一點。

Answer 1

做這樣的：

<a> 
    <div class="hidden"> 
     <input type="text" /> 
    </div> 
</a> 

$("input") 
.on("focus", function(){ 
    $("div").removeClass("hidden"); 
}) 
.on("blur", function(){ 
    $("div").addClass("hidden"); 
}); 

fiddle

編輯：

的input:focus解決方案是乾淨多了，除了因爲它不會在IE7或以下工作（這對你來說有希望無關緊要）。