iphonex点击input，输入法关闭后，自定义弹窗点击无效

qq_16638611

于 2019-04-17 17:41:31 发布

阅读量750

点赞数

CC 4.0 BY-SA版权

文章标签：日常爬坑

本文链接：https://blog.youkuaiyun.com/qq_16638611/article/details/89360924

本文解决了一个在iPhoneX上常见的问题：当点击input或textarea后，关闭输入法会导致屏幕位置偏移，使得某些按钮点击失效。通过一个简单的jQuery脚本，即在失去焦点后重置scrollTop，可以让屏幕位置恢复正常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iphonex点击input，输入法关闭后，那些窗口插件的确定、关闭按钮全部点击失效。
主要原因在于点击input、textarea，失去焦点后直接关闭了输入法，但手机屏幕已经被输入法推了上去，位置已经产生了偏移。
所以需要重置下scrollTop，让手机屏幕位置恢复就可以了。

$(document).on('blur', 'input,textarea', function () { //解决iPhoneX显示输入法不回滚问题
    setTimeout(function() {
      $('body,html').scrollTop($(document).scrollTop());
    }, 0);
  })