h5監聽手機鍵盤彈起
h5監聽手機鍵盤彈起
ua=window.navigator.userAgent.toLocaleLowerCase();
isIos=/iphone|ipad|ipod/.test(ua)
isAndroid=/android/.test(ua)
// ------android-------
//獲取原視窗的高度
var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;
window.onresize=function(){
//鍵盤彈起與隱藏都會引發視窗高度發生變化
var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
if(resizeHeight-0<originalHeight-0){
//鍵盤彈出,to do something
}else{
//鍵盤收起,to do something
}
}
// ------ios------
//focusin和focusout可以冒泡,focus和blur不會冒泡
document.body.addEventListener('focusin', () => {
//鍵盤彈出
if(isIos){
// to do something
}
})
document.body.addEventListener('focusout', () => {
//鍵盤收起
if(isIos){
// to do something
}
})
相關文章
- Android 監聽鍵盤彈起及隱藏Android
- Android 監聽鍵盤彈出收起Android
- 小技巧|H5禁止手機虛擬鍵盤彈出H5
- Android監聽軟鍵盤收起與彈出Android
- 監聽鍵盤事件事件
- 鍵盤監聽事件--向左事件
- javascript監聽鍵盤事件JavaScript事件
- python pynput監聽鍵盤Python
- Android開發之監聽軟鍵盤狀態(彈出收回)Android
- java鍵盤監聽之視窗監聽的實現Java
- java全域性滑鼠鍵盤監聽Java
- ios pop介面 鍵盤彈起又收回iOS
- H5頁面監聽Android物理返回鍵H5Android
- uniapp打包成apk,監聽安卓手機的返回鍵APPAPK安卓
- vue的監聽鍵盤事件的快捷方法Vue事件
- Java中的鍵盤監聽事件KeyListenerJava事件
- 監聽Android軟體盤彈出及隱藏Android
- Android 監聽鍵盤狀態變化,並獲取鍵盤高度Android
- JS監聽手機物理返回鍵(及IOS微信端的bug)JSiOS
- h5 storage事件監聽H5事件
- js監聽鍵盤事件程式碼例項例項JS事件
- 修復安卓鍵盤彈起擋住輸入框bug安卓
- h5鍵盤彈出收回導致位置錯亂解決方案H5
- js監聽手機橫豎屏事件JS事件
- 使用h5新特性,輕鬆監聽任何App自帶返回鍵H5APP
- swift 訊息監聽和鍵值監聽(kvo)Swift
- Android 隱藏手機鍵盤Android
- java監聽組合鍵Java
- Android軟鍵盤彈出,覆蓋h5頁面輸入框問題AndroidH5
- 安卓使用物理鍵監聽器安卓
- Android Home鍵監聽Android
- Android Home鍵、鎖屏鍵監聽Android
- TNS監聽起不來的原因分析
- android開發中,監聽軟鍵盤的狀態(收起或者開啟)Android
- H5頁面載入後表單獲取焦點並喚起軟鍵盤?H5
- home鍵監聽(Android應用切換到後臺監聽)Android
- 點選底部input輸入框,彈出的軟鍵盤擋住input(蘋果手機使用第三蘋果
- Flutter_Webview 鍵盤彈出問題FlutterWebView