自动 select 一个元素并将焦点移出元素 jquery

Question

我需要自动 select 一个元素，然后也快速聚焦它。

这是我的 HTML:

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

我尝试将焦点放在元素上，但不知道如何将焦点放在元素之外。

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>

自动 select 一个元素并将焦点移出元素 jquery

Auto select an element and focus out of the element jquery

javascript

jquery

jquery-validate