当输入有焦点时保持 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 或更低版本中不起作用（希望与您无关）。