Question

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

键盘显示（按预期方式）
焦点从文本区域消失（不是预期的）

这种行为不会发生在常规网站上，也不会发生在主屏幕上。

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

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">

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

2 个答案: