美文网首页
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