mui防止软键盘弹起方法

Posted front-girl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mui防止软键盘弹起方法相关的知识,希望对你有一定的参考价值。

解决前

技术图片

 

 解决后

技术图片

 

 

<!--防止软键盘调起时,底部内容随之挤上来-->
<script type="text/javascript">
	//获取原始窗口的高度
	var originalHeight = document.documentElement.clientHeight || document.body.clientHeight;

	window.onresize = function() {

		//软键盘弹起与隐藏  都会引起窗口的高度发生变化
		var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;

		if(resizeHeight * 1 < originalHeight * 1) { //resizeHeight<originalHeight证明窗口被挤压了

			plus.webview.currentWebview().setStyle({
				height: originalHeight
			});

		}
	}
</script>
————————————————
版权声明:本文为CSDN博主「CherryLee_1210」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/cherrylee_1210/article/details/83787860

  

以上是关于mui防止软键盘弹起方法的主要内容,如果未能解决你的问题,请参考以下文章

mui进入页面输入框自动聚焦弹起键盘

软键盘弹起,导致底部被顶上去

Android 软键盘上面 输入框弹起 计算软键盘高度法实现

Android 软键盘上面 输入框弹起 计算软键盘高度法实现

Android 手机软键盘的弹起和关闭的监听

iOS webview html5 移动端 软键盘弹起遮挡输入框