Ionic 禁用警报控制器离子3的输入字段上的自动对焦

bxfogqkk  于 2022-12-09  发布在  Ionic
关注(0)|答案(1)|浏览(161)

如何禁用使用警报控制器创建的警报,使其不会自动聚焦到显示键盘的输入字段?

let alert = self.alertCtrl.create({
        title: 'Login',
        inputs: [
          {
            name: 'location_code',
            placeholder: 'Location Code',
          },
          {
            name: 'password',
            placeholder: 'Password',
            type: 'password'
          }
        ],
        buttons: [
          {
            text: 'Cancel',
            role: 'cancel',
            handler: data => {
              console.log('Cancel clicked');
            }
          },
          {
            text: 'Login',
            handler: data => {
                 console.log("Handling Login On Click")
              });
            }
          }
        ]
      });
      alert.present();

未导致任何变更的尝试解决方案

this.alertController.create(
...
)
.present({
    keyboardClose: true
});
2fjabf4q

2fjabf4q1#

在ionic 3中没有 keyboardClose 选项(参见v3与v5),因此您可能需要手动删除焦点,例如:

let alert = self.alertCtrl.create({...});
alert.present().then(() => {
  (<any>document.querySelector('ion-alert input')).blur();
})

相关问题