ionic4 输入框错乱

这个问题不好描述,简单说下。

步骤

ios系统,当输入框获取焦点后,弹出键盘把输入框顶上去,点击完成后又恢复。

影响

1.此时再点输入框,很有可能点击无法应

2.点击某个按钮,结果响应的是另一个按钮

总之这个页面就像不受控制了一样,解决方式如下:

<ion-input (ionBlur)="editBlur()"></ion-input>
 editBlur() {
    if (this.platform.is('ios')) {
      window.setTimeout(function() {
        if (
          document.activeElement.tagName === 'INPUT' ||
          document.activeElement.tagName === 'TEXTAREA'
        ) {
        } else {
          window.scrollTo(0, document.body.clientHeight);
        }
      }, 500);
    }
  }

看代码就知道是啥原因了吧。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章