移动端H5 页面 input 获取焦点不灵敏

开发中遇到ios的浏览器中input控件获取焦点，需要一定的点击时长，所以用户经常无法一次成功获取焦点。改进方法非常的简单。在input控件外面包裹一层div，然后 在div上添加点击事件，为input手动获取焦点。

vue代码为例

temp模板:

   <div @click="inputClicked" >
       <input ref="phoneInput" >
   </div>
复制代码

script:

   inputClicked() {
       if (this.$refs.phoneInput) {
           this.$refs.phoneInput.focus();
       }
   }
复制代码

转载于:https://juejin.im/post/5d038cad5188251cdb0825a3