input 获取焦点,键盘遮挡页面

LinMeng 等级 152 0 0

移动端开发中常遇到的就是键盘遮挡问题,下面提供项目中的写法:

window.addEventListener('resize', () => {
  const activeElement = document.activeElement;
  if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') {
    setTimeout(() => {
      activeElement.scrollIntoView();
    }, 100);
  }
});

注意:该部分代码是原生部分,在VUE中不应放在任何函数中,直接写在 script标签中即可

预览图
收藏
评论区