iOS客户端内H5页面的input输入框聚焦唤起键盘后,点击其他按钮唤起confirm框会导致键盘遮挡问题

记录自己的bug实例:在做项目的时候遇到input,输入信息后,点击其他按钮要提交表单的时候,客户端的键盘未收起导致遮挡到confirm弹窗(因为本身要用到confirm框来让用户确认输入的信息,若没有confirm框,则键盘会自动收起并无问题)。

现象如图:

先点击输入框聚焦后输入内容
先点击输入框输入内容
然后点击第一个button,则出现键盘遮挡confirm框的现象了。
然后点击第一个button
点击第二个button则是理想效果:
点击第二个button为理想效果

简单举个例子(列举主要代码):
html代码:

<input type="text" >
<br>
<br>
<button id="button1">点击提交(未处理)</button>
<button id="button2">点击提交(已做处理)</button>

js代码(可自行引入jq):
在未作处理的时候,iOS客户端,输入框聚焦后,直接点击按钮button1,唤起confirm框,此时输入框唤起的系统键盘不会自动收起,导致遮挡住confirm框

$('#button1').on('click'<
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值