输入具有焦点时保留Div的可见性

Question

我有一个a，当它悬停时，会在其中显示div。 div内部是input(type="text")。当用户将鼠标悬停在a上时，div仍然可见。但问题是，当他们输入input字段时，如果鼠标不在a或div上，则div会隐藏，而input会隐藏input 1}}停止接收输入。

如何进行设置，以便只要div具有焦点，{{1}}仍然可见？

这里的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或更低版​​本中无效（希望与您无关）。