h5監(jiān)聽鍵盤收起、彈出

要點(diǎn):

  • 在android中軟鍵盤收起或彈出,都會(huì)改變window的高度,所以可通過監(jiān)聽window的onresize事件。ios中軟鍵盤收起或彈出,不會(huì)改變window的高度。
  • 在ios中可軟鍵盤收起、彈出,會(huì)觸發(fā)輸入框的失焦、獲得焦點(diǎn),所以可通過輸入框的獲取焦點(diǎn)情況來做判斷。android軟鍵盤收起、彈出,不會(huì)觸發(fā)輸入框的失焦、獲得焦點(diǎn)。

實(shí)現(xiàn)

ios:

var _input = document.getElementById("gasInputBox");
_input.addEventListener("blur", function () {
         // 在這里執(zhí)行鍵盤收起時(shí)的操作
});
_input.addEventListener("focus", function () {
         // 在這里執(zhí)行鍵盤彈出時(shí)的操作
});

android:

window.addEventListener('resize', onResize);

let initialScreenSize = window.innerHeight
const onResize = () => {
  const newSize = window.innerHeight;
  if (!initialScreenSize) {
    initialScreenSize = newSize;
  }
  const keyboardOpen = newSize < initialScreenSize;
  if (keyboardOpen) {
    // 在這里執(zhí)行鍵盤彈出時(shí)的操作
  } else {
    // 在這里執(zhí)行鍵盤收起時(shí)的操作
  }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容