带有ui-autocomplete的input调用focus()无法聚焦的解决求助

试试下面几种方案，应该能解决你的焦点设置问题：

• 直接使用原生JS的focus方法
  jQuery的focus()可能被UI组件的事件拦截，原生方法优先级更高：

  document.getElementById('headerSearch').focus();
  

• 延迟执行焦点设置
  有时候UI组件的初始化或事件绑定是异步的，延迟一小段时间再调用focus：

  setTimeout(() => {
    document.getElementById('headerSearch').focus();
  }, 50); // 时间可根据实际情况调整，0ms也可能生效
  

• 销毁并重建Autocomplete组件后再设置焦点
  如果Autocomplete的事件委托导致focus被拦截，可以先销毁组件，设置焦点后再重新初始化：

  // 先销毁autocomplete组件
  $('#headerSearch').autocomplete('destroy');
  // 设置焦点
  $('#headerSearch').focus();
  // 重新初始化autocomplete（根据你的原有配置调整）
  $('#headerSearch').autocomplete({
    source: yourSourceData,
    // 其他配置项...
  });
  

• 触发原生focus事件
  手动派发原生的focus事件，绕过可能的拦截逻辑：

  const inputEl = document.getElementById('headerSearch');
  inputEl.dispatchEvent(new Event('focus', { bubbles: true, cancelable: true }));
  

另外，检查下页面中是否有遮罩层、模态框这类元素抢占了焦点，或者输入框是否被动态设置了disabled/readonly属性，这些也会导致focus失效。

内容的提问来源于stack exchange，提问作者Vlasenkov R.