uniApp 取安卓软键盘高度及设置

最新推荐文章于 2024-04-20 18:16:08 发布

onlylele

最新推荐文章于 2024-04-20 18:16:08 发布

阅读量1.4k

点赞数

分类专栏： uni-app 微信小程序 vue 技巧文章标签： uni-app

本文链接：https://blog.csdn.net/onlylele/article/details/130636974

版权

1，业务需求，当手机输入内容时会弹出系统默认的软件盘，此时可能导致其他整体的页面内容上移而覆盖到工具栏或者软件盘直接覆盖了底部的部分内容；

要解决此问题，小编尝试了很多方法均不能完全解决，以下是小编用的最好的方法；

视图部分代码

<view>
<!-- #ifdef APP-PLUS -->
     <textarea maxlength="1000" 
			:adjust-position="false" 
			:show-confirm-bar ='false'
			:confirm-hold="true"
			:cursor-spacing="10" 
			:adjust-keyboard-to="'bottom'" 
			v-model="questionText"
			@focus="focusText($event)"
			@blur="blurText($event)" 
			@bindblur="blurText($event)"
			@bindkeyboardheightchange="blurTextComp($event)"
		></textarea>
<!-- #endif -->
<!-- #ifdef H5 -->
	<textarea maxlength="1000" v-model="questionText"></textarea>
<!-- #endif -->
</view>

逻辑部分代码</