phần tử đầu vào focus() với jQuery, nhưng con trỏ không xuất hiện

Question

Tôi muốn tập trung vào phần tử đầu vào khi một div được nhấp vào.

HTML của tôi trông như thế này:

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

Và kịch bản của tôi là:

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

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

Khi tôi nhấp vào hộp văn bản, văn bản giữ chỗ biến mất một cách chính xác, nhưng con trỏ nhấp nháy không hiển thị trong hộp văn bản. (và tôi không thể nhập bất kỳ văn bản nào vào hộp văn bản)

Bên trong bộ xử lý sự kiện mousedown chọn phần tử nhập chính xác, vì vậy tôi không biết tại sao cuộc gọi focus() không hoạt động.

Answer 1

Nó không hoạt động với phương pháp mousedown; nó, tuy nhiên, làm việc với các mouseup() và click() phương pháp:

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

JS Fiddle demo.

Và:

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

JS Fiddle demo.

Tài liệu tham khảo:

• click().
• mouseup().

Answer 2

mousdown sẽ không hoạt động, sử dụng click.

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

Answer 3

nếu bạn nhấn mạnh vào việc sử dụng mousedown, trì hoãn việc tập trung cho đến khi dấu chọn bên cạnh

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

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