移动端弹出键盘时挡住了输入框解决办法

最新推荐文章于 2022-09-08 16:46:57 发布

你的星辰大海

最新推荐文章于 2022-09-08 16:46:57 发布

阅读量299

点赞数

分类专栏： js

js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种解决微信内置浏览器浏览H5页面时，弹出键盘遮挡输入框的问题的方法。通过监听窗口大小变化，自动滚动页面使当前焦点元素可见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法 
	window.addEventListener("resize", function() {
		if(document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {
			window.setTimeout(function() {
				document.activeElement.scrollIntoViewIfNeeded();
			}, 0);
		}
	})