解决移动端键盘弹出后,遮挡住表单的问题
监听resize事件,然后定位到input、textarea输入框,也可以理解为监听input或者textarea状态,当屏幕滚动到input或者textarea,上下居中。就可以解决键盘遮挡表单的问题了
window.addEventListener('resize', () =>{if(document.activeElement.tagName === 'INPUT' ||document.activeElement.tagName === 'TEXTAREA') {window.setTimeout(() => {document.activeElement.scrollIntoViewIfNeeded();}, 0);}
});