uniapp解决软键盘弹出问题方法详解
更新时间：2023年07月10日 11:26:22 作者：瑟闻风倾
这篇文章主要为大家介绍了uniapp解决软键盘弹出问题方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
需求
当input输入框输入聚焦时禁止系统软键盘弹出
(1) 尝试1
在输入框聚焦时隐藏软键盘
focus:function(){
console.log("输入框聚焦");
// 并不能完全禁用软键盘
setTimeout(function(){
uni.hideKeyboard();//隐藏软键盘
// plus.key.hideSoftKeybord();
},250);
},
实际效果：
- 界面会有一个键盘先弹出后隐藏的切换过程，用户体验不好
(2) 尝试2
在界面显示时每隔固定时间执行一次隐藏操作
onShow:function(){
console.log( "home-监听页面显示");
//执行频率：game（20ms/次）、ui（60ms/次）、normal（200ms/次）
setInterval(function(){
uni.hideKeyboard();//隐藏软键盘
// plus.key.hideSoftKeybord();
},60);
},
备注
若需在整个应用中都禁用系统软键盘，则在app.vue文件的onShow()方法中执行以上代码即可 ；若仅需在单个特殊页面禁用，其他界面还需系统软键盘进行输入，那么仅在这个特殊界面的onShow()方法中执行以上代码即可。
实际效果：完美解决软键盘弹出问题
拓展
回调函数的执行频率：game（20ms/次）、ui（60ms/次）、normal（200ms/次）
| 值 | 说明 |
|---|---|
| game | 适用于更新游戏的回调频率，在 20ms/次 左右 |
| ui | 适用于更新 UI 的回调频率，在 60ms/次 左右 |
| normal | 普通的回调频率，在 200ms/次 左右 |
- 新问题：若单个界面（如page1）禁用软键盘，而page2需要使用输入法进行输入时，若先进入的是page2则输入法可弹出，但若进入过page1再进入page2，那么在page2输入时不会弹出软件盘。
- 优化思路：在界面销毁时清除定时器，参考uni-app 中清除定时器。
以上就是uniapp解决软键盘弹出问题方法详解的详细内容，更多关于uniapp软键盘弹出的资料请关注脚本之家其它相关文章！
相关文章
本文主要介绍了js实现自定义进度条效果的实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了TypeScript常见类型及应用示例讲解，本章我们会讲解 JavaScript 中最常见的一些类型，以及对应的描述方式，有需要的朋友可以借鉴参考下2022-02-02
这篇文章主要介绍了Javascript刷新页面的实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了JavaScript判断数组成员的几种方法,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下2022-08-08
jquery的$(document).ready()和onload的加载顺序
最近在改一个嵌入在frame中的页面的时候，使用了jquery做效果，而页面本身也绑定了onload事件。改完后，Firefox下测试正常流畅，IE下就要等个十几秒jquery的效果才出现，黄花菜都凉了。2010-05-05
这篇文章主要介绍了ant design中实现table的表格行的拖拽，文章围绕table表格行拖拽实现的相关资料展开详细的代码内容，具有一定的参考价值，需要的小伙伴可以参考一下2022-03-03
详解JS截取字符串的三个方法substring,substr,slice
js中有三个截取字符的方法，分别是substring()、substr()、slice()，平时我们可能都用到过，但总是会对这些方法有点混淆。本文将详细介绍一下这三者的区别，需要的可以参考一下2022-03-03
这篇文章主要为大家详细介绍了js实现拖动模态框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了如何让每个Http请求都自动带上token问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
Ionic项目中如何使用Native Camera？这篇文章主要介绍了Ionic项目中Native Camera的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
最新评论