首页 > 移动平台 > 详细

H5解决安卓软键盘弹出遮蔽的方法

时间:2020-01-16 14:30:45      阅读:98      评论:0      收藏:0      [点我收藏+]

首先先判断是否为安卓,是的话才添加事件监听,获取焦点元素判断是否为input或者textarea类型,是的话,Element.scrollIntoView() 方法会让当前的元素滚动到浏览器窗口的可视区域内 

  created () {
    var u = navigator.userAgent
    if (u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1) {
      this.onFoucs()
    }
  },
  methods: {
    onFoucs () {
      window.addEventListener(‘resize‘, function () {
        alert(‘android‘)
        if (document.activeElement.tagName === ‘INPUT‘ || document.activeElement.tagName === ‘TEXTAREA‘) {
          alert(document.activeElement.tagName)
          // alert(‘2332323‘)
          window.setTimeout(function () {
            alert(‘scroll‘)
            document.activeElement.scrollIntoView()
          }, 1)
        }
      })
    }
  },

H5解决安卓软键盘弹出遮蔽的方法

原文:https://www.cnblogs.com/chorkiu/p/12200197.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!