JS 在客戶端監聽鍵盤的彈出和收起

2021-09-25 17:28:14 字數 642 閱讀 6279

需求:在input輸入完成後請求介面

1.在ios中,input輸入完成收起鍵盤,input框會失焦,所以將介面請求放在input的blur事件中就可以實現

2.在android中,收起鍵盤input框不會失焦,但我還是希望收起鍵盤時去做請求而不是一定時間內沒有輸入就去請求

3.鍵盤的彈出和收起會改變window的高度,所以可以通過window的高度來監聽鍵盤

有參考網上其他人的做法

android:

var height = window.innerheight;

window.addeventlistener(「resize」, function windowresize() else

});//移除監聽

window.removeeventlistener(「resize」, windowresize);

ios:

window.addeventlistener(「focusin」, function iosfocusin() );

window.addeventlistener(「focusout」, function iosfocusout() );

//移除監聽同android

手機客戶端阻止手機軟鍵盤彈出

禁止縮放 user scalable no yes 設定使用者縮放 禁止拖動 document.ontouchmove function e 文件禁止 touchmove事件 有用 document.documentelement.style.webkittouchcallout none 禁止彈出...

js 移動端之監聽軟鍵盤彈出收起

js 移動端關於頁面布局,如果底部有position fixed的盒子,又有input,當軟鍵盤彈出收起都會影響頁面布局。這時候android可以監聽resize事件,如下,而ios沒有相關事件。解決安卓鍵盤彈出問題 var oheight document height window resize...

js移動端監聽軟鍵盤彈出和收起事件

在蘋果手機上,當軟鍵盤收起時輸入框會失去焦點 但是在安卓實際上,鍵盤收起時輸入框並不一定會失去焦點,但是會引起window的高度變化 因此,在安卓手機上可以通過window.onresize事件判斷鍵盤收起還是彈出,在蘋果手機上可以通過輸入框失去和得到焦點事件來判斷 判斷機型 var isandro...