即使在录音带外面,也要专注于键盘

时间:2017-03-08 23:56:00

标签: javascript jquery css mobile keyboard

大家好我正在做一个简单的游戏,我在手机上使用虚拟键盘让用户输入字母。我想要的是键盘不会在屏幕外面录音时从屏幕上消失。另外我基本上用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/

1 个答案:

答案 0 :(得分:0)

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

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

touchstart代替tap,因为在iOS平台上点击会失败。

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