即使在键盘外面贴上胶带，也要专注于键盘答案

【问题标题】：Keep focus on keyboard even when taped outside of it即使在键盘外面贴上胶带，也要专注于键盘
【发布时间】：2017-07-29 18:45:45
【问题描述】：

大家好，我正在制作一个简单的游戏，我正在使用移动设备上的虚拟键盘让用户输入字母。我想要的是，当在它外面贴上键盘时，它不会从屏幕上消失。此外，我基本上使用 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/

【问题讨论】：

标签： javascript jquery css mobile keyboard

【解决方案1】：

如果有人在Louys Patrice Bessette 的帮助下遇到过同样的问题，这已经解决了我的问题：
我的功能需要超时才能使其自动重新出现。可能是因为有一个“动画”让键盘出现。

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

并且应该使用touchstart 而不是tap，因为在iOS 平台上点击会失败。

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

【讨论】：