H5禁止手机键盘弹出和键盘弹出遮盖input的方法

最新推荐文章于 2024-04-03 17:55:07 发布

咖啡不加冰

最新推荐文章于 2024-04-03 17:55:07 发布

阅读量1.2k

点赞数 2

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_51505581/article/details/118076105

版权

本文介绍了如何在H5中禁止手机键盘默认弹出并防止键盘遮挡input元素。通过使用document.activeElement.blur()方法可以阻止键盘弹出，结合scrollIntoView()或setTimeout配合scrollIntoView()确保input在视口可见，解决键盘弹出时内容被遮挡的问题。

摘要由CSDN通过智能技术生成

H5禁止手机键盘弹出和键盘弹出遮盖input的方法

document.activeElement.blur(); //禁止默认键盘弹出(用自定义键盘时)

//只要在input的点击事件，或者获取焦点的事件中，加入这个api就好了（方法一）
	document.getElementById("id").scrollIntoView(); //键盘弹出遮盖input
//如果方法一无效就在外面套一层setTimeout试试
setTimeout(function() {
	//只要在input的点击事件，或者获取焦点的事件中，加入这个api就好了
	document.getElementById("id").scrollIntoView(); //键盘弹出遮盖input
}, 100)