Open numeric keypad automatically

Question

Navigation

#1 by (1 votes)
#2 by (0 votes)

2

I have a page with a numeric input with autofocus:

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

The problem is that the keyboard appears in Text mode instead of numeric mode. Only the numeric keypad appears if I click on the input manually.

ionic apache-cordova teclado

asked by anonymous 08.09.2015 / 22:45

2 answers

AlertDialog.Builder with undue space Call another class method in the same application

score 1 · Answer 1

I found it!

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

JS:

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

Now the input receives focus and opens the numeric keypad correctly!

score 0 · Answer 2

Add the tag below in the file config.xml

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

And then, on the controller, call the focus() method of the input just after everything is done.

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

 ...

 $scope.init();