javascript - 软键盘可见时无法单击按钮

Question

当文本输入元素获得焦点(软键盘可见)时，我无法直接点击提交按钮(清晰可见)。我必须先关闭键盘(通过单击其他地方或键盘上的“完成”)，然后单击提交按钮。

这是令人困惑的行为。当键盘可见时，我考虑过完全删除登录按钮，但这太困惑了(因为用户不知道他们可以单击“开始”，或者会因为登录按钮不断消失而感到恼火)。

这只发生在 iOS 上(不确定它是否仅限于 iOS 7，但怀疑可能是)，我正在为我的应用程序使用 Telirik AppBuilder。

Answer 1

function isTextInput(node) {
return ['INPUT', 'TEXTAREA'].indexOf(node.nodeName) !== -1;
}
document.addEventListener('touchstart', function(e) {
    if (!isTextInput(e.target) && isTextInput(document.activeElement)) {
        document.activeElement.blur();
    }
}, false);