首页 / IOS / IOS中input失焦后，点击没反应的问题

IOS中input失焦后，点击没反应的问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了IOS中input失焦后，点击没反应的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含836字，纯文字阅读大概需要2分钟。

内容图文

原因是因为

　　在弹出层点击input时调起键盘，页面会被顶上去document.body.scrollOffset大于0，收起键盘时scrollOffset不变，造成焦点错位。
安卓手机点击时调起键盘不会把页面顶上去，会改变窗口高度变化，收起时不会造成影响

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
  }

　　还有一种方法 但是我没有验证是否可以

$(‘input,select‘).on(‘blur‘,function(){
    $(window).scrollTop(0)
})
监听 blur事件 失去焦点滚动到底部或者顶部一类的

 

 

原文：https://www.cnblogs.com/wang-xx/p/14863233.html

内容总结

以上是互联网集市为您收集整理的IOS中input失焦后，点击没反应的问题全部内容，希望文章能够帮你解决IOS中input失焦后，点击没反应的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1285887.html

来源：【匿名】