jQueryでinput（）要素を入力してもカーソルが表示されない

Question

divをクリックしたときに入力要素にフォーカスしたい。

私のHTMLは次のようになります。

<div class="placeholder_input"> 
    <input type="text" id="username" maxlength="100" /> 
    <div class="placeholder_container"> 
     <div class="placeholder">username</div> 
    </div> 
</div> 

そして、私のスクリプトは次のとおりです。

$("#username").focus(function() { 
    $(this).next().hide(); 
}); 

$(".placeholder_input").mousedown(function() {    
    $(this).children(":first").focus(); 
}); 

私はテキストボックスにクリックすると、プレースホルダのテキストが正しく消えますが、点滅するカーソルが表示されません。テキストボックスに。

mousedownイベントハンドラの内部では、$(this).children(":first")式は正しい入力要素を選択するため、focus()呼び出しが機能しない理由はわかりません。

Answer 1

mousedownメソッドでは機能しません。

$(".placeholder_input").mouseup(function() {    
    $(this).children(":first").focus(); 
});​ 

JS Fiddle demo：それは、しかし、mouseup()とclick()方法で作業を行います。

そして：

$(".placeholder_input").click(function() {    
    $(this).children(":first").focus(); 
});​ 

JS Fiddle demo。

参考文献：

• click()。
• mouseup()。

Answer 2

mousdownは、clickを使用してください。

$(".placeholder_input").click(function() {    
    $(this).children(":first").focus(); 
});​ 

Answer 3

あなたがmousedownを使う、という場合は、次のダニ

$(".placeholder_input").mousedown(function() {    
     var $el = $(this).children(":first"); 
     setTimeout(function() { 
      $el.focus(); 
     }, 0); 
}); 

http://jsfiddle.net/wpnNY/46/