Phonegap如何自动显示键盘

Posted 2023-03-15

【中文标题】Phonegap如何自动显示键盘

【英文标题】：Phonegap how to auto show keyboard

【发布时间】：2016-11-03 21:55:52

【问题描述】：

我有一个使用 Angular 的 phonegap 应用程序。我遇到的问题是我想允许用户以模式内的表单输入他们的电子邮件。

$scope.email = function () 

    $uibModal.open(
        animation: true,
        templateUrl: 'views/modals/sales/email.html',
        size: "md",
        windowClass: 'center-modal',
        controller: function ($scope, $uibModalInstance) 

            //$("#email").focus();

            $scope.submit = function () 

            ;

            $scope.close = function () 
                $uibModalInstance.dismiss('cancel');
            
        
    );

;

现在该模态的模板是这个。

<div class="panel panel-primary">
    <form name="form" ng-submit="submit(form)" novalidate>
        <div class="panel-body">
            <div class="col-md-12">
                <h3 class="text-center">Please enter your email</h3>
            </div>
            <div class="form-group col-md-12">
                <input type="email" class="form-control btn-block input-lg" ng-model="customer.email" id="email" autofocus>
            </div>

            <div class="col-md-3 col-md-offset-6">
                <button class="btn btn-default btn-block btn-lg" type="button" ng-click="close()">Close</button>
            </div>
            <div class="col-md-3">
                <button class="btn btn-primary btn-block btn-lg" type="submit" ng-click="submit()">Send</button>
            </div>
        </div>
    </form>
</div>

当模态打开时，您可以看到输入类型电子邮件需要成为焦点，但我的输入正在获得焦点，但 ios 上的虚拟键盘在我手动点击输入之前不会显示。

如何在模式打开时显示虚拟键盘。

谢谢。

【参考方案1】：

安装下面的cordova插件

https://github.com/driftyco/ionic-plugin-keyboard

致电cordova.plugins.Keyboard.show()