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

  

原文地址:https://www.cnblogs.com/front-girl/p/11655557.html

时间: 2024-10-06 23:40:28

mui防止软键盘弹起方法的相关文章

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

计算出可视界面的高度,当软键盘弹起时让底部元素隐藏掉, 当键盘收起时再让它显示,实在没办法时这种方法也不失为一种方法 var h=document.documentElement.clientHeight; $(window).resize(function(){ let height=document.documentElement.clientHeight; if(h==height){ $('.bottom').css('display','block'); }else{ $('.bott

android全屏下的输入框未跟随软键盘弹起问题

最近开发中遇到,全屏模式下输入框在底部不会跟随软键盘弹起.于是网上搜索了解决的方案.大致找到了两种方案. 第一种 定义好此类 public class SoftKeyBoardListener { private View rootView;//activity的根视图 int rootViewVisibleHeight;//纪录根视图的显示高度 private OnSoftKeyBoardChangeListener onSoftKeyBoardChangeListener; public S

Android之监听手机软键盘弹起与关闭

背景: 在很多App开发过程中需要在Activity中监听Android设备的软键盘弹起与关闭,但是Android似乎没有提供相关的的监听API给我们来调用,本文提供了一个可行的办法来监听软键盘的弹起与关闭. 预备知识: 在manifest文件中可以设置Activity的android:windowSoftInputMode属性,这个属性值常见的设置如下: android:windowSoftInputMode="stateAlwaysHidden|adjustPan" 那么这里值的含

前端angularJS利用directive实现移动端自定义软键盘的方法

最近公司项目的需求上要求我们iPad项目上一些需要输入数字的地方用我们自定义的软键盘而不是移动端设备自带的键盘,刚接到需求有点懵,因为之前没有做过,后来理了一下思路发现这东西也就那样.先看一下实现之后的效果: 实现的效果就是当点击页面中需要弹出软键盘的时候软键盘弹出,浮在页面的中间,和模态框一样的效果,可以在软键盘中输入任何数字,附带的功能有小数点.退格.清空.确定等功能.当在键盘上点击数字的时候页面中的表单中实时的添加对应的数字,上图中可以看到. 产品经理那边给的原因是iPad屏幕本来就小,如

IOS关闭软键盘的方法

1 .实现 UITextFieldDelegate协议 .m文件里面实现 - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{ if(![self.textfild isExclusiveTouch]){ [self.textfild resignFirstResponder]; } } 方法,放弃第一响应者的身份,点击空白处即可推出软键盘 2.监听软键盘的return键,点击return可以返回 - (BOOL)te

Activity“ 阻止自动弹出软键盘”的方法 -尤其是对于Tab页下的!

我的activity是Tab页签下的~! 所以应把代码加在继承于TabActivity的那个activity中!!而不是由点击Tab页启动的那个activity <activity android:name=".MyTabActivity" android:label="@string/app_name" android:windowSoftInputMode="stateHidden" /> 又遇到Tab页中有的Activity需要

解决微信H5页面软键盘弹起后页面下方留白的问题(iOS端)

前言:微信H5项目,ios端出现了软键盘输完隐藏后页面不会回弹,下方会有一大块留白 最近微信和ios都有版本升级,不知道是哪边升级造成的,但是经过测试,软键盘收起后,再滚动一下页面,下面的留白就会消失.所以只要在输入完毕后模拟一下这个"滚动"的操作,就能解决问题了. 如果是用vue写的: <input type="text" @blur="fixScroll" placeholder="请输入xxx"/> //me

输入框单独被软键盘弹起的解决方案

1.重新开一个Activity 重新开一个透明的activity<style name="TransparentTheme" parent="AppBaseTheme"> <!-- All customizations that are NOT specific to a particular API-level can go here. --> <item name="android:windowNoTitle"&

Android中的EditText默认时不弹出软键盘的方法

方法一: 在 AndroidMainfest.xml中选择哪个activity,设置windowSoftInputMode属性为 adjustUnspecified|stateHidden 1 <activity android:name=".Main" 2 android:label="@string/app_name" 3 android:windowSoftInputMode="adjustUnspecified|stateHidden&quo