美文网首页
vue ios 输入框点击没反应 兼容问题

vue ios 输入框点击没反应 兼容问题

作者: 臭臭的胡子先生 | 来源:发表于2021-02-01 17:14 被阅读0次

在移动端开发中,input输入框获取到焦点弹出键盘,输入完成后,再次点击会发现input获取不到焦点,因为输入框改变了页面的高度,影响了对应的位置,所以这个时候点击时处发不到对应的事件
输入的结束的时候根据滚动页面去解决这个问题

 <template>
    <input type="text"  @blur="handle" />
 <template>
<script>
  export default {  
      methods: {
          handle() {
            document.documentElement.scrollTop = document.body.scrollTop = 0;
          },
      }

  }
</script>

相关文章

网友评论

      本文标题:vue ios 输入框点击没反应 兼容问题

      本文链接:https://www.haomeiwen.com/subject/kgmbzktx.html