移动端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();}}复制代码