safari - 焦点在 iOS 7 Safari 主屏幕应用程序上消失。

Question

当我在 iOS 7 (iPhone 4s) 上“添加到主屏幕” http://kato.im webapp 时，我在点击 textarea 输入字段时观察到以下行为：

• 键盘出现（如预期）
• 焦点从文本区域消失（不是预期的）

这种行为不会发生在常规的、非家庭筛选的 webapp 上。

是否有解决此问题的解决方法？

Answer 1

我面临着完全相同的问题，不仅在独立应用程序中，而且在 webview 中。我找不到任何原因或解决方案。

我有一个临时的解决方法。我将一个触摸事件绑定到 textarea/input，并使用 jquery focus() 强制它聚焦。到目前为止，这对我有用。

function focus_textArea(ID){
    $("#"+ID).focus();
}

希望它有所帮助。

Answer 2

这是我最终为此编写的 Knockout Binding Handler：

ko.bindingHandlers.touchFocusTextbox = {
    init: function (element) {
        element.addEventListener("touchstart", function (event) {
            event.stopPropagation();
            event.preventDefault();
            element.focus();
        }, false);
    }
};

这就是标记使用它的方式：

<input type="text" data-bind="touchFocusTextbox:1">