yinyan1314 2018-01-09 07:08 采纳率: 0%
浏览 4372
已结题

H5手机页面开发，隐藏软键盘问题。

做了一个微应用，不会Android和IOS，所以就用了单纯的H5，然后页面上有个输入框，问题来了，当我输入框获得焦点，软键盘弹出，那么问题来了，当我点击页面非输入框和软键盘位置，想要隐藏软键盘，应该怎么做。宝宝不会了，已经要疯了，跪求大神赐教。

  • 写回答

3条回答 默认 最新

  • AIGCer 2018-01-09 07:15
    关注

    iOS 把当前webView resignFirstResponder。代码

        [_webView resignFirstResponder];

    就可以隐藏啦

    评论

报告相同问题？

  • 解决Android软键盘弹出覆盖h5页面输入框问题
    2021-01-20 10:25
    在Android平台上，开发H5页面时常遇到一个问题：当用户点击位于页面底部或下方的输入框时，软键盘弹出会遮挡输入框，导致用户体验不佳。这个问题主要涉及到H5页面的布局、Android设备的交互特性以及浏览器的适配。...
  • 小程序H5如何隐藏软键盘
    2023-05-23 17:52
    怕冷的火焰（~杰）的博客 【代码】小程序H5如何隐藏软键盘。
  • vue H5解决安卓手机软键盘弹出,页面高度被顶起
    2025-05-12 20:37
    娜娜啊吖的博客 【代码】vue H5解决安卓手机软键盘弹出,页面高度被顶起。
  • Html5页面上如何禁止手机虚拟键盘弹出
    2020-11-21 16:21
    在HTML5页面开发中，有时我们可能需要禁止手机虚拟键盘在点击输入框时自动弹出。这种情况通常出现在自定义输入界面或者需要特定交互体验的场景。例如，当用户点击一个输入框时，我们希望显示一个自定义的日历弹窗而...
  • H5聊天工具页面手机键盘显示消失问题优化
    2019-09-26 19:00
    暗夜之洲的博客 如图，H5做一个类似微信的聊天页面，如何经常发现键盘的弹出会遮挡页面，或者键盘消失，页面留下白块，我的解决思路如下： 键盘弹出的时候，把内容显示部分的dom高度改小，键盘消失，内容部分dom恢复初始值。这么做...
  • h5页面输入inpu时手机键盘不显示搜索
    2020-03-20 21:25
    闲来无事垂钓的博客 input 的type值都有哪几种 1、text ：任何文本吧 ...5、search（一般写上这个属性，安卓的手机键盘右下角就已经是 “ 搜索 ” 了，但是ios下不行） ios下不仅要写 <input type="search"/> , 还要在 in...
  • 移动端H5页面关于软键盘的一些踩坑记录
    2019-08-27 11:20
    this_ITBoy的博客 讨论需求的时候我预想到了手机上软键盘的弹出可能会有一些bug，不过需求比较急，就想着先做完再来改呗。很快做完之后，在电脑上测了没毛病，提测之后，bug刷刷的就来了： 1、手机ios或者Android微信，点击留言弹出...
  • vue实现移动端H5数字键盘组件使用详解
    2020-10-14 21:11
    在Vue.js中实现移动端H5数字键盘组件是一个常见的需求，特别是在开发支付或输入数字的场景中。本篇文章将深入解析如何构建这样一个自定义组件，并提供详细的代码示例，以帮助开发者理解和实现自己的数字键盘组件。 ...
  • h5页面在移动端dom被键盘顶起问题剖析
    2024-12-03 23:06
    IT猴~的博客 键盘处于页面的最上层，当键盘弹起时，页面高度不会变化，布局贴底dom结构也不会被顶起来。...h5页面在ios端和android端弹起或收起键盘时页面表现并非一致，页面高度不变，dom结构正常布局不需要处理。
  • 5种方法完美解决android软键盘挡住输入框方法详解
    2021-01-20 10:47
    在Android应用开发中，经常会遇到一个问题，即当用户在输入框中输入时，弹出的软键盘会遮挡部分屏幕内容，尤其是对于登录或注册等需要填写多项信息的界面，这种情况严重影响了用户体验。为了解决这个问题，Android...
  • 没有解决我的问题, 去提问