ios手機 input輸入框鍵盤消失后,鍵盤區(qū)域仍存在

這個問題會導致頁面定位的按鈕會失靈,所以當鍵盤消失后,我們要想辦法將頁面拉下來,通過監(jiān)聽鍵盤事件,來解決:

  let keyTimer = null;
  document.body.addEventListener('focusin', () => {
    //軟鍵盤彈起事件
    clearTimeout(keyTimer);
  });
  document.body.addEventListener('focusout', () => {
    // 軟鍵盤關(guān)閉事件
    window.scrollTo(0, 0);
    keyTimer = setTimeout(() => {
      if (window.pageYOffset > 0) {
        window.scrollTo(0, 0);
      }
    }, 200);
  });
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,528評論 1 11
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,200評論 4 61
  • 2017.02.22 可以練習,每當這個時候,腦袋就犯困,我這腦袋真是神奇呀,一說讓你做事情,你就犯困,你可不要太...
    Carden閱讀 1,373評論 0 1
  • 從人性的本質(zhì)來看,我們每個人當然最關(guān)心的是自己。 喜歡講述自己的事,喜歡聽到與自己有關(guān)的東西。由于這種心理,有些人...
    dear心理咨詢師黃倩雯閱讀 1,285評論 1 7
  • 詩∥讓我們攜手并肩 注:進入簡書以來,拜讀學習各位簡友佳作,悟到許多寫作方面的經(jīng)驗,充實了自己,增強了寫作興趣。更...
    人杰地靈_2eeb閱讀 2,063評論 35 95