javascript - 通过在焦点上显示键盘来检测 ipad 怪癖

Question

我写了一个函数，一旦用户满足表单的下一个字段的要求，它就会自动将用户推进到该字段的要求。

我的问题是，在 iPad 中使用它时，它不会聚焦下一个字段，而是隐藏键盘。

我已经放弃尝试修复此问题，并正在寻找一种方法来检测此问题......试图成为最纯粹的而不使用浏览器检测但看不到替代方案。

有人对此有特征检测方法吗？

Answer 1

根据 Apple 的 Safari Web 内容指南 Form and Document Events , 有 no event triggered specifically for the keyboard .这并不意味着那不是您可以利用的内部 WebKit 事件...

这个问题的答案为嗅探键盘提供了一个非常新颖的解决方案:iPad Web App: Detect Virtual Keyboard Using JavaScript in Safari?

本质上它试图设置窗口的滚动位置；如果位置没有改变，则键盘存在。

这里是代码的清理版本:

$(document).ready(function(){
    $('input').focus(function(){
        var scrollPosition = $(window).scrollTop();
        $(window).scrollTop(10);
        var isKeyboard = ($(window).scrollTop() > 0);
        $(window).scrollTop(scrollPosition);

        alert(isKeyboard);
    });
});​

这至少应该让您对这个概念有所了解 :)