自动对焦Ionic 3 AlertController输入

时间:2018-06-14 16:43:55

标签: javascript ionic-framework ionic3

我正在尝试获取Ionic 3警报中的第一个输入,以便在创建警报时集中注意力。在浏览器中运行应用程序时,我能够获得焦点输入,但它不能在本机设备上运行。

我尝试了什么:

我找到了一个解决方案here,它使用document.querySelector()来查找第一个输入并将其集中。但是,这仅在浏览器中运行时有效;在本机设备上运行时,没有任何反应 - 没有光标,没有键盘,什么都没有。

有关如何使这项工作的任何见解?

alert.present().then(() => {
  setTimeout(() => {
    const firstInput: any = document.querySelector('ion-alert input');
    firstInput.focus();
  }, 200)
  return;
})

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案(并且发现Ionic实际上会自动聚焦第一个输入,如果你做了这个改变,而不需要使用document.querySelector!)

config.xml中,我需要添加以下密钥。我重新编译了应用程序,第一个输入现在重点关注。

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