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);
    }
  }

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

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