关于移动端input框获取焦点后被键盘遮盖问题修复的最佳方案

最新推荐文章于 2023-05-15 11:29:43 发布

u014789708

最新推荐文章于 2023-05-15 11:29:43 发布

阅读量5.5w

点赞数 1

分类专栏： H5 文章标签： html5 移动端 input 键盘焦点 input框键盘焦点

本文为博主原创文章，未经博主允许不得转载，违者必究。

本文链接：https://blog.csdn.net/u014789708/article/details/82900316

版权

H5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Android真机测试通过 ✔
iOS真机测试通过 ✔

	// input 键盘焦点问题修复

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