博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决IOS中input失焦后,页面上移,点击不了问题
阅读量:7237 次
发布时间:2019-06-29

本文共 682 字,大约阅读时间需要 2 分钟。

IOS在Input失焦后,发现body的页面会停止不下来,并且页面上的输入框,按钮点击事件,全部都移位了,需要滑动一下才可以正常。

clipboard.png

clipboard.png

下面是解决方法,可全局引用:
var u = navigator.userAgent;  var flag;  var myFunction;  var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);  if (isIOS) {    document.body.addEventListener('focusin', () => {  //软键盘弹起事件      flag = true;      clearTimeout(myFunction);    })    document.body.addEventListener('focusout', () => { //软键盘关闭事件      flag = false;      if (!flag) {        myFunction = setTimeout(function () {          window.scrollTo({ top: 0, left: 0, behavior: "smooth" })//重点  =======当键盘收起的时候让页面回到原始位置(这里的top可以根据你们个人的需求改变,并不一定要回到页面顶部)        }, 200);      } else {        return      }    })  } else {    return  }

转载地址:http://ztgfm.baihongyu.com/

你可能感兴趣的文章
让你编写的控件库在 XAML 中有一个统一的漂亮的命名空间(xmlns)和命名空间前缀...
查看>>
MySQL数据库的锁详解【转】
查看>>
ip route 解释
查看>>
【转】Android中保持Service的存活
查看>>
Consul功能简介
查看>>
IdentityServer4实战 - API与IdentityServer的交互过程解析
查看>>
Delphi编程 -- 使用CPUID指令获取CPU信息(转自大富翁)
查看>>
Android setRequestedOrientation用法
查看>>
面向对象三大基本特性,五大基本原则
查看>>
更改窗口图标并将其显示在任务栏
查看>>
包含的语句
查看>>
正则表达式-匹配标点符号
查看>>
osworkflow descriptor 解析 重要概念
查看>>
Edmonds_Karp 算法 (转)
查看>>
第一节 接口概述 [转贴]
查看>>
C# Attribute 用法备忘
查看>>
数据结构学习笔记(5.线性表之双向循环链表)
查看>>
智能家居趋势
查看>>
[Leetcode] Pow(x, n)
查看>>
关于Microsoft Speech SDK 中TTS的研究 [转]
查看>>