Question

在我的应用程序的登录页面上，我有一个输入框，用户需要输入一个ID才能加入活动。这一直没有任何问题，但现在突然（没有改变页面上的任何内容）它只允许我每次聚焦输入框时输入一个字符。（因此，如果我取消选择它并再次选择它，我可以添加另一个数字）。

这只发生在iOS上。在浏览器和Android上，它可以正常工作。

控制台中没有错误，我没有在任何地方以编程方式更改该变量的值。

page.ts

eventId: string;

page.html中

    <ion-list>
      <ion-item>
        <ion-input type="tel" [(ngModel)]="eventId" placeholder="Event ID" clearInput></ion-input>
      </ion-item>
    </ion-list>

我真的没有任何想法会导致这种行为，特别是因为我很长时间没有改变这些代码。

我已经花了更多时间在这个问题上，我想承认，也许我错过了一些明显的东西？

感谢您的帮助。

Answer 1

经过一个小时的挖掘提交历史后，我终于找到了导致它的原因。我试图用css压制放大镜：

* {
  -webkit-user-select: none; // Hide the "bubble" on press
}

这导致了这个问题。我真的不明白为什么，但至少它现在再次运作。

ion-input只允许一次输入一个字符

1 个答案: