原生js解决ios手机input输入框弹出覆盖问题

背景：

软键盘弹起挡住input框
软键盘弹起页面布局乱掉
安卓手机 + 界面父级组件使用了overflow: hidden 导致键盘弹出（页面本质上变小了）仍然不可滚动
解决思路：
父级别不要使用overlow:hidden 或者 键盘弹起的时候去掉overflow: hidden.
总之要确保键盘弹起的时候页面仍然可以拖动。 不然界面很容易乱
实现原生js方法

?

1 2 3 4 5 6 7 8 9 10 11 12 13

(function() {   window.addEventListener("resize", function() {     if (!document.activeElement) return;     if (       document.activeElement.tagName == "INPUT" ||       document.activeElement.tagName == "TEXTAREA"     ) {       window.setTimeout(function() {         document.activeElement.scrollIntoViewIfNeeded();       }, 0);     }   }); })();