vue:移動端判斷鍵盤事件,相容安卓ios
if (!this.$isIos) { // 安卓端
const innerHeight = window.innerHeight;
window.addEventListener('resize', () => {
const newInnerHeight = window.innerHeight;
if (innerHeight > newInnerHeight) {
// 鍵盤彈出事件
this.$store.commit('setKeyboard', true);
} else {
// 鍵盤收起事件
this.$store.commit('setKeyboard', false);
}
});
} else { // ios端
window.addEventListener('focusin', () => {
// 鍵盤彈出事件處理
this.$store.commit('setKeyboard', true);
});
window.addEventListener('focusout', () => {
// 鍵盤收起事件
this.$store.commit('setKeyboard', false);
});
}
相關文章
- 移動端踩坑之旅-ios下fixed失效,軟鍵盤等iOS
- pc端跳轉到移動端的判斷程式碼
- nginx 判斷移動端或者 PC 端 進入不同專案Nginx
- React 移動端判斷使用者劃屏方向React
- js判斷是否移動端及瀏覽器核心JS瀏覽器
- 移動端判斷觸屏位置程式碼例項
- 移動端鍵盤遮擋頁面原理分析
- VC++基礎 判斷鍵盤訊息C++
- 移動端 touch事件事件
- 移動端touch事件事件
- PHP判斷訪客是否移動端瀏覽器訪問PHP瀏覽器
- 【移動端相容問題研究】javascript事件機制詳解(涉及移動相容)JavaScript事件
- 判斷移動裝置型別型別
- 移動端ios:active偽類無效的相容解決方案iOS
- 微信小程式使用元件實現移動端軟鍵盤微信小程式元件
- 移動端點透事件--阻止滾動事件事件
- iOS點選輸入框時自動移動到鍵盤之上iOS
- 安卓和ios鍵盤擋住輸入內容安卓iOS
- 鍵盤事件事件
- ASP.NET CORE中判斷是否移動端開啟網頁ASP.NET網頁
- swift2 語法 語法 判斷鍵盤高度Swift
- java判斷IOS還是安卓,跳轉不同的連線JavaiOS安卓
- vue的監聽鍵盤事件的快捷方法Vue事件
- 判斷 iOS 版本iOS
- 受夠了移動端的數字輸入,我用vue寫了個模擬鍵盤Vue
- 滑鼠、鍵盤事件事件
- iOS 文字輸入框隨鍵盤上移iOS
- 移動端頁面鍵盤出現“搜尋”按鍵且實現提交功能
- H5觸控事件判斷滑動方向H5事件
- 判斷 iOS 裝置iOS
- iOS正則判斷iOS
- PHP判斷是手機移動端訪問還是PC端訪問的函式PHP函式
- 移動端常鍵使用分享
- JS 判斷客戶端是iOS還是AndroidJS客戶端iOSAndroid
- vue監聽頁面中的某個div的滾動事件,並判斷滾動的位置Vue事件
- 移動端頁面寬度相容處理
- 移動端頁面自定義input喚起鍵盤return,換行鍵為搜尋
- 移動端軟鍵盤彈出影響頁面佈局問題