javascript - Chrome for iOS (iPad/iPhone) 不会触发输入的焦点事件

Question

如果在 Android 和 iOS 上打开软件键盘，我有一个简单的检测:

$(document).on({
    focus: function() { keyboardOpened = true; },
    blur: function() { keyboardOpened = false; }
}, 'input'); //catch all focus and blur events fired on any input element

它用于防止用户在编写消息时执行某些操作(例如忽略调整大小事件)。

它适用于除 iOS 上的 Chrome 之外的所有浏览器。我在网站上包含了 Firebug Lite，但没有错误，只是事件从未触发，并且在打开 SW 键盘时网络无法正常工作。

这是一个 fiddle :http://jsfiddle.net/WYULR (单击输入并查看警报)

有人知道这个的原因或解决方法吗？

Answer 1

我也明白了 :( 我的解决方案是检测 ipad + chrome 是否使用:

var isCriOS =/CriOS/.test(navigator.userAgent);

我试过了 https://github.com/gabceb/jquery-browser-plugin + webkit 类型识别代码在这里找到How to detect chrome and safari browser (webkit)但我无法让它工作。

如果是 ipad+chrome，为该字段应用一个“点击”事件来做同样的事情......这只有在你唯一的焦点来自用户点击时才有用，因为调用 .focus() 不会触发它...但在这种情况下，您可以在 .focus() 之后调用通过 click 事件归属的函数。这似乎有点 hackish 所以我决定测试 vanilla js .onfocus 事件并证明它也没有触发。