uniapp input 在h5下无法设置自动聚焦

2021-04-29 643 0 admin 所属分类:Hbuilder

官方文档解释 input 在h5环境下受浏览器限制，可能会无法聚焦

使用 uni-search-bar 组件有一个foucs属性，这时候h5环境会失效。因此可以在清空事件回调后用js 去触发，IOS、安卓环境下测试生效。

clearSearch(e){
   // #ifndef H5
      this.searchFocus = false;
      setTimeout(()=>{
         this.searchFocus = true;
      },100);
   // #endif
   
   // #ifdef H5
   // 一般input都是放在顶部 所以取第一个 根据情况设置
   document.getElementsByTagName("input")[0].focus();
   // #endif
}