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

2021-02-01  本文已影响0人  臭臭的胡子先生

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

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

  }
</script>
上一篇 下一篇

猜你喜欢

热点阅读