开发中遇到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

Logo

前往低代码交流专区

更多推荐