开发中遇到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();
}
}
复制代码
所有评论(0)