2

Tenho uma página com um input numérico com autofocus:

<input type="number" placeholder="Informe" ng-model='leitura.leituraatual' required="true" autofocus="true">

O problema é que o teclado aparece no modo Texto ao invés de modo numérico. Só aparece o teclado numérico se clico no input manualmente.

2 Respostas 2

1

Achei!

Usei o plugin cordova-android-focus-plugin

<input id="txtLeituraAtual" type="number" >

JS:

$scope.$on('$ionicView.enter', function(){ 
    var txt=$window.document.getElementById("txtLeituraAtual");
    cordova.plugins.Focus.focus(txt);
});

Agora o input recebe o foco e abre o teclado numérico corretamente!

0

Adicione a tag abaixo no arquivo config.xml

<preference name="KeyboardDisplayRequiresUserAction" value="false" />

E então, no controller, chame o método focus() do input logo após tudo estar pronto.

 $scope.init = function() {
     INPUT_AQUI.focus();
 }

 ...

 $scope.init();
3
  • Fiz assim: $scope.$on('$ionicView.enter', function(){ $window.document.getElementById("txtLeituraAtual").focus(); });. Agora o input até recebe o foco mas o teclado não abre. Commented 9/09/2015 às 13:07
  • Se adiciono cordova.plugins.Keyboard.show(); após o focus() o teclado abre, mas no modo texto. Eu queria que abrisse no modo numérico. Commented 9/09/2015 às 13:17
  • Tente mudar o type do input para tel, para testar. Commented 9/09/2015 às 13:55

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .