요소를 자동 선택하고 요소 jquery에서 포커스를 지정

Question

요소를 자동으로 선택한 다음 신속하게 초점을 맞추어야합니다.

<div class='input-group date' id='join_date'> 
    <input type='text' class="form-control dateField" name="join_date" placeholder="MM/DD/YYYY" data-toggle="tooltip" data-placement="top" value="" /> 
    </span> 
</div> 

내가 요소에 초점을두고 시도했지만 밖으로 집중하는 방법을 모른다 :

여기 내 HTML입니다.

unhighlight: function(element, errorClass, validClass) 
    { 
     if($(element).hasClass('select2-offscreen')) 
     { 
     $(element).closest('.form-group').removeClass('has-error'); 
     $(element).next('span').css({display: "none"}); 
     } 
     else if($(element).hasClass('dateField')) 
     { 
     $(element).select(); 
     //I need to focus out of this element quickly.. there's a reason 
     } 
     else 
     { 
     $(element).closest('.form-group').removeClass('has-error'); 
     } 
    }, 

어떻게 요소에서 자동 초점을 맞출 수 있습니까? 도와주세요.

Answer 1

당신은 jQuery를 blur()

기능을 사용할 수 있습니다, 그것은 포커스 요소에서 포커스를 제거합니다.

$("#focus").click(function(){ 
 
    $("input").focus(); 
 
}); 
 

 
$("#blur").click(function(){ 
 
    $("input").blur(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='input-group date' id='join_date'> 
 
    <input type='text' class="form-control dateField" name="join_date" placeholder="MM/DD/YYYY" data-toggle="tooltip" data-placement="top" value="" /> 
 
</div> 
 

 
<button id="focus">Focus</button> 
 
<button id="blur">Blur (Focus Out)</button>

자바 스크립트