javascript - 如何确定是否在移动浏览器中通过软键盘触发了调整大小事件？

关于软键盘有很多讨论，但是我还没有找到解决我问题的好方法。

我有一个调整大小的功能，如:

$(window).resize(function() {
    ///do stuff
});

我想在所有调整大小事件上使用该函数中的“填充”，但软键盘触发时除外。如何确定软键盘是否触发了调整大小？

最佳答案

我最近遇到了一些问题，需要对此进行检查。我设法这样解决:

$(window).on('resize', function(){
   // If the current active element is a text input, we can assume the soft keyboard is visible.
   if($(document.activeElement).attr('type') === 'text') {
      // Logic for while keyboard is shown
   } else {
      // Logic for while keyboard is hidden
   }
}

我只需要它用于文本输入，但是显然可以将其扩展为任何可能触发软键盘/数字选择器等的元素。

关于javascript - 如何确定是否在移动浏览器中通过软键盘触发了调整大小事件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14902321/