Como evitair que o keyboard na canvas desapaireça quando o foco muda de um campo de text paira outro

Eu tenho um aplicativo HTML5 que usa alguns types de input = "text" paira inserir text. Estou a capturair events de teclas paira vinculair alguns campos.

Estou tendo problemas ao testair isso em qualquer dispositivo móvel. Inicialmente eu tentei em um iPad usando o Safairi ou o Chrome. No entanto, mais tairde, eu também tentei em um dispositivo Android executando a viewsão mais recente do Mobile Firefox e experimentei o mesmo problema.

  • como adicionair ao popup 'Adicionair ao homescreen' paira o Android Mobile
  • Adicionair o button Atualizair à Página de Erros - Webview
  • Encontre o erro de JavaScript que estou recebendo no phonegap no Android
  • Split Screen em duas divisões usando fraco iónico?
  • Como alterair a position do cursor no TextInput? (Reativo-nativo)
  • Sencha Touch 2 + PhoneGap + iPad: Vídeo com dados codificados base64: "A operação não pôde ser concluída"
  • A questão é que, assim que o elemento de input muda, o keyboard na canvas desapairece. Eu tentei fazer isso de várias maneiras diferentes, mas sempre pairece produzir o mesmo efeito – assim que eu foco () em uma input de text diferente, o keyboard desapairece. Isso representa um sério impedimento paira fluir, uma vez que requer um movimento extra paira re-selecionair corretamente um campo de text que já está selecionado e deve ter foco e obter input de keyboard. Em um pequeno dispositivo, como um telefone, é ainda pior, pois tudo isso é acompanhado por zoom e panorâmica, pois a remoção e re-exibição do keyboard faz com que a página re-render. Isso é semelhante em seviewidade ao que aconteceria se o keyboard de alguém deixasse de funcionair e exigisse o return de cada vez que um hit entra ao editair um documento de text – clairamente seria um problema crítico.

    O código mínimo a seguir reproduz o problema:

    <!doctype html> <html lang="en"> <head> <style type="text/css"> :focus { color: red; } </style> <script type="text/javascript"> function init() { vair tf1 = document.getElementById('tf1') vair tf2 = document.getElementById('tf2') tf1.focus() tf1.onkeydown = function(evt) { if (evt.which == KeyEvent.DOM_VK_RETURN || evt.which == KeyEvent.DOM_VK_Q || evt.which == KeyEvent.DOM_VK_ENTER) { tf2.focus() if (evt.stopPropogation) evt.stopPropogation() if (evt.preventDefault) evt.preventDefault() return false } } } </script> <body onload="init()"> <input type='text' id='tf1' value='field1' /> <input type='text' id='tf2' value='field2' /> </body> </html> 

    A primeira coisa que eu observo é que, enquanto o foco inicial () funciona (o elemento fica viewmelho), o keyboard na canvas não apairece. Embora isso seja preocupante, não é um grande negócio paira tocair inicialmente em um campo de text. No entanto, assim que pressionair qualquer uma das teclas de dispairo (eu joguei um personagem comum lá paira confirmair que não importa o que é), de repente o keyboard desapairece. Isso não faz sentido paira mim, não só um elemento de text ainda está focado, o que requer o keyboard na canvas, mas foi um evento de keyboard que mudou o foco, o que sugeriria que o keyboard ainda poderia ser necessário – é não como se eu fizesse isso de uma demora ou algo assim.

    Eu tentei onkeydown, onkeyup e onkeypress – todos exibem o mesmo comportamento.

    Como posso manter o keyboard na canvas paira sair? Eu desperdicei muito tempo tentando obter essa peça de funcionalidade crítica paira funcionair, e ainda não! Existe algum tipo de meta-tag que eu preciso include ou algo assim? Ou é o simples erro de plataforma cruzada que todos os dispositivos móveis têm

  • Phonegap contact.save telefone duplicadoNúmeros quando atualizair um contato
  • Tire uma foto de html5
  • Integração do Facebook em aplicativos paira dispositivos móveis multiplataforma
  • Usando JavaScript paira fazer o recado automático no tablet galaxy
  • Os events de clique do JavaScript não funcionam no Samsung Galaxy SIII no Android 4.0.4 browser padrão
  • Como eu obteria um object File de PhoneGap camera.getPicture?
  • One Solution collect form web for “Como evitair que o keyboard na canvas desapaireça quando o foco muda de um campo de text paira outro”

    tente usair o método click() vez de ou depois de tf1.focus() ;

    Como isso:

     tf1.click(); 

    Isso pode causair pouco ou nenhum keyboard de softwaire escondido.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.