입력에 포커스가있을 때 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 이상에서 작동하지 않는 것을 (이것은 당신과는 관계가 없다).