jQuery $.focus() 不适用于 id 和输入类型

Question

我有个小问题：

我有一个模式，在使用 ajax 进行一些结果搜索后打开：它打开并正确显示所有请求的结果。

关闭时，我需要清空另一个 ID 为“results”的 div，清空 ID 为“search”的输入并专注于它：

• 空的“结果”正在工作
• 将“搜索”的值更改为“”也有效
• 专注于“搜索”不起作用

这是我的 HTML：

<div class="col-sm-3">
   <form action="" method="post" id="searchit">
      <div class="input-group mar-btm">
         <span class="input-group-addon"><i class="fa fa-search fa-lg"></i> Ricerca:</span>
         <input type="text" id="search" tabindex="1" class="form-control" name="search" placeholder="Codice, EAN o Testo" />
       </div>
   </form>
 </div>
 <div class="col-sm-4" id="results"></div>

更新： jQuery：

$(".modal").on('hidden.bs.modal', function () {
     $("#results").empty();
     $("#search").val('');
     $("#search").focus();
});

我也试过了：

$(".modal").on('hidden.bs.modal', function () {
     $("#results").empty();
     $("#search").val('').focus();
});

和（是此页面上唯一的文本输入）：

$(".modal").on('hidden.bs.modal', function () {
     $("#results").empty();
     $("#search").val('');
     $('input[type="text"]').focus();
});

在任何情况下，empty() 和 val() 都可以正常工作，但 focus() 没有任何效果！控制台没有报错...

我无法弄清楚我错过了什么/做错了什么！

一些帮助？提前致谢！

Answer 1

尝试在事件处理程序中使用.focus() 的问题通常源于正在处理的事件也对焦点有影响。为了解决这个问题，我通常只是将.focus() 调用超时：

$(".modal").on('hidden.bs.modal', function () {
     $("#results").empty();
     $("#searc").val('');
     setTimeout(function() {
       $("#searc").focus();
     }, 10);
});

超时处理程序将在触发事件处理程序的任何事情全部完成后立即运行。