vue項目中,點擊輸入框的時候,彈出的鍵盤擋住了輸入框,需要把輸入框展示在可見區域中,不被遮擋

項目中,點擊輸入框的時候,彈出來的鍵盤擋住了輸入框,輸入框不在可視區域里面,主要解決代碼,加個監聽來看是否點擊了輸入框,滾動到可視區域

Element.scrollIntoView()方法讓當前的元素滾動到瀏覽器窗口的可視區域內。而Element.scrollIntoViewIfNeeded()方法也是用來將不在瀏覽器窗口的可見區域內的元素滾動到瀏覽器窗口的可見區域。

      window.addEventListener('resize', function () {
        if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {
          window.setTimeout(function () {
            document.activeElement.scrollIntoViewIfNeeded()
          }, 0)
        }
      })