javascript - 即使在键盘外面用胶带粘着，也要专注于键盘

Question

大家好，我正在制作一个简单的游戏，我在移动设备上使用虚拟键盘供用户输入字母。我想要的是当在屏幕外面用胶带粘住键盘时，键盘不会从屏幕上消失。此外，我基本上使用 CSS 将我的输入隐藏在屏幕之外。我尝试使用模糊来实现此目的但无法使其工作。这是我的代码的一部分:

$('#gameContent').append("<input type='text' id='dummy'>");
$("#dummy").css({"position":"fixed","left":"120%"}).focus();
$(document).on("tap", keepFocus);

function keepFocus(){
    $(document).find("#dummy").focus();
}

您可以在此处查看完整代码 http://www.wpacademy.nextweb.space/TestingMobile10/

Answer 1

如果有人在 Louys Patrice Bessette 的帮助下遇到同样的问题这解决了我的问题:
在我的函数中超时是必要的，以使其自动重新出现。可能是因为有一个“动画”让键盘出现。

function keepFocus(){
    setTimeout(function(){
        $(document).find("#dummy").focus();
    },100);
}

和touchstart应该被用来代替tap，因为在iOS平台上tap会失败。

$(document).on("touchstart", keepFocus);