jQuery .hide() on .blur() 在 iOS Web 应用程序中不起作用

Question

我有一个网络应用程序，它在打字时隐藏底部工具栏以阻止它在键盘顶部。

$(document).ready( function() {
    $("#open").focus( function() {
        $('#bottom').hide();
    });
    $("#open").blur( function() {
        $('#bottom').show();
        check();
    });
});

$('#open');是一个<input>盒。

下层酒吧没有躲起来，而是留下来。文本"加载"也出现在下面（出于某种原因）。这尤其奇怪，因为我在计算机上检查时在 DOM 中找不到它。

链接： www.scriptr.net/webapp

Answer 1

尝试收听其他适用于移动设备的就绪活动。像这样的东西

document.addEventListener("deviceready",onReady,false);

function onReady() {
   $("#open").focus( function() {
       $('#bottom').hide();
   });
   $("#open").blur( function() {
       $('#bottom').show();
       check();
   });
}

Answer 2

只需将此代码放在deviceReady函数上，为我工作

 document.addEventListener('focusout', function(e) {window.scrollTo(0, 0)});
                                        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);