要素を自動選択し、要素からフォーカスを外します

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()

機能を使用することができ、それは、集束要素からフォーカスを削除します。 JavaScriptのための

$("#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>