键盘挡住微信小程序授权键并不完美解决办法

最新推荐文章于 2021-08-26 15:53:43 发布
最新推荐文章于 2021-08-26 15:53:43 发布
阅读量460 收藏
点赞数
分类专栏： 工作记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37473645/article/details/110195753
版权

当用户快速点击输入框，再点击登录弹出授权弹框，由于操作太快导致授权框弹出后，输入框仍然聚焦，点击屏幕任何地方都无法使输入框失去焦点，导致键盘无法关闭，用户无法对其进行授权进行下一步操作。

现在我采用延迟2秒执行hideKeyboard自动收起键盘，能让流程继续下去，用户体验方面，她可能觉得她卡了一下吧。。。

 

红浴巾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序防止输入框被键盘遮住
here962464的博客
07-30 9295
情景复现： 点击按钮弹窗遮罩层，底部有个input输入框，点击输入框要唤起软键盘，如果不做处理，软键盘会遮住fixed定位的元素 官方给出的解决方案是在input框上设置cursor-spacing属性https://developers.weixin.qq.com/miniprogram/dev/component/input.html 这个地方一定要带单位，如果不带单位写数值的话，默认单...
微信小程序：解决ios部分机型软键盘弹起挡住输入框的问题
韩瑜的博客
03-04 6782
这个问题是因为input在获取焦点时e.detail.height获取的键盘高度不准导致的。 经过测试发现是ios独有的问题，并且只在iphone6 6s 7 8 这种屏幕尺寸为667*375的手机中会出现，并且非必现。 通过小程序开调试看打印发现，当键盘挡住输入框时，获取的键盘高度为216px，正常时键盘高度为258px，相差了42px。 解决方法： <input bindfocus="i...
微信小程序键盘遮挡问题决方案
supming1的专栏
04-25 2356
从网上搜索到给input添加cursor-spacing属性可以解决，现在默认其实input框即使没添加这个属性，也不会被遮盖，不过input框下面如果有东西，就会被遮盖，这时候，就需要添加cursor-spacing来解决。 参考：https://jingyan.baidu.com/article/2d5afd6902956c85a3e28e50.html ...
微信小程序按钮固定在底部时候，遮挡了页面内容的解决方法
qq_41862555的博客
10-09 7183
微信小程序按钮固定在底部遇到的BUG
微信小程序 按钮固定在页面底部遮住页面显示内容问题
小沐
08-26 594
需要设置按钮的position为fixed
微信小程序车牌键盘
03-29
公司要做一个停车场微信小程序，支持临时车预支付以及支付记录查询等功能,其中涉及车牌输入的功能，为了提升用户体验，避免繁琐的输入，决定自己写一个键盘。 效果图如下 省份简写键盘如下: (此图片来源于网络，如有...
微信小程序 - 弹出键盘遮挡住输入框解决方案
03-29
在开发微信小程序的时候遇到，输入用户名或者手机号以及地址，手机键盘调起来，会把输入框遮挡。 如图： (此图片来源于网络，如有侵权，请联系删除!...微信小程序开发文档api: https://developers.weixin.qq.com/minipr
微信小程序自定义键盘 内部虚拟支付
10-17
主要为大家详细介绍了微信小程序自定义键盘，内部虚拟支付，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序车牌号码模拟键盘输入功能的实现代码
10-17
主要介绍了微信小程序车牌号码模拟键盘输入功能的实现代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
微信小程序弹出层，右上角关闭按钮
07-14
点击弹窗按钮则弹出信息，点击右上角关闭按钮则关闭弹出层，弹出后遮盖层部分不可点击，无上拉下滑操作。用作于提示，展示列表，添加内容等操作。
IOS 键盘挡住输入框的问题解决办法
08-30
主要介绍了IOS 键盘挡住输入框的问题解决办法的相关资料,需要的朋友可以参考下
微信小程序关于键盘行为的探索
小狄子的博客
11-23 4576
模拟微信朋友圈评论功能，如图：    首先考虑键盘将输入框顶起来，使得输入框正好在键盘上方 解决办法：fixed定位，将输入框定位在页面最下，键盘升起时会自动将输入框顶起来 于是有了这么一个demo：   有几个细节： 1.键盘右下角默认是”完成"按钮而非”提交“。可以通过设置input标签的属性 confirm-type="send" 来改变 2.键盘紧贴输入...
微信小程序：简单粗暴！解决页面底部固定按钮遮挡页面内容情况
weixin_45668111的博客
10-09 5519
如图，当页面数据接近或超过一页的时候，页面底部的固定按钮会遮挡一部分内容，导致内容显示不全。（由于内容涉及隐私，码掉了一部分，看页面底部信息是否遮盖就好） 页面代码： <import is="" src="/pages/template/list-template.wxml" /> <view class='index_tab'> <!--获取页面内容的view--> </view> <view class="standView".
html 输入框添加清空按钮,【已解决】小程序中给input输入框内部右边添加关闭按钮清除输入内容...
weixin_33321522的博客
06-05 2960
现在已经实现了小程序中的input输入框的功能了：但是现在想要在输入框input内部的右边加上一个clear close的button，用于点击清除输入：类似于已有web版中的效果：小程序 输入框 清除 按钮被人是用image实现的自己去找找，记得小程序中有icon的是有要的：先去显示这个clear的icon然后去参考：的代码：先用代码：显示出来清除按钮了：然后再去想办法看看能否让其在input的...
微信小程序弹框如何显示右上角的关闭
cxu123321的博客
02-10 3599
微信小程序弹框如何显示右上角的关闭 微信小程序 我使用微信的组件 wx.showModal({ title: '删除宝贝', content: '删除宝贝后和此宝贝相关信息数据将被删除，确认删除？', confirmText:'删除', success: function (res) { if (res.confirm) { console.log('用...
微信小程序input使用hold-keyboard保持键盘不收起时，无法通过button提交表单的原因和解决办法（同时也解决了微信小程序键盘会不停收起和弹出的问题）
weixin_46022193的博客
05-19 8910
最近在写微信小程序聊天界面，发现键盘会因为聚焦和失去焦点而弹出和收起，很影响用户体验。于是就找了很多解决方案，其中一种是通过设置hold-keyboard属性来让focus时，点击页面的时候不收起键盘。 <form bindsubmit="submit"> <view class="input_view"> <view class="input_wrap"> <input class="input_text" type="text" na
【Mac】利用Microsoft Word实现.docx与rtf之间格式转化
恒治学
12-02 666
【Mac】利用Microsoft Word实现.docx与rtf之间格式转化 使用软件 操作步骤一 选中Microsoft Word 在左上角文件中选择另存为 操作步骤二 在文件格式中选择.rtf或.docx即可实现格式转化 ...
【小程序】absolute布局防止冒泡事件，点击按钮后出现view弹框还有自定义的遮罩层，点击遮罩层弹框消失
29的博客
04-27 2037
在很多情况下，出于人的习惯，喜欢在非选择或编辑的情况下，喜欢点击遮罩层使弹出框隐藏， 下面自定义一个弹出框，其实就是将一个view标签的内容显示出来。 具体效果如下： 点击按钮时（查看某个具体内容）会弹出一个带有遮罩层的弹出框，上面的内容赋予的点击事件不会因为下层的遮罩层的点击事件产生冒泡行为。 只有点击外层可见的遮罩层或者弹框内自定义的弹框消失按钮才会消失。 代码如...
微信小程序 input键盘挡住输入框
最新发布
05-02
微信小程序开发中，在输入框获取焦点时，弹出来的软键盘有可能会挡住输入框，给用户带来不好的使用体验。出现这种情况的原因是因为页面默认的布局高度不够，无法容纳软键盘的高度。 为了解决这个问题，我们可以通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值