移动端开发中常遇到的就是键盘遮挡问题,下面提供项目中的写法:
window.addEventListener('resize', () => {
const activeElement = document.activeElement;
if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') {
setTimeout(() => {
activeElement.scrollIntoView();
}, 100);
}
});
注意:该部分代码是原生部分,在VUE中不应放在任何函数中,直接写在 script标签中即可