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鍵盤擋住輸入內容安卓iOS
- 判斷在移動端還是PC開啟
- nginx 判斷移動端或者 PC 端 進入不同專案Nginx
- React 移動端判斷使用者劃屏方向React
- js判斷是否移動端及瀏覽器核心JS瀏覽器
- 基於.Net開發的ChatGPT客戶端,相容Windows、IOS、安卓、MacOS、LinuxChatGPT客戶端WindowsiOS安卓MacLinux
- 移動端touch事件事件
- 移動端 touch事件事件
- 移動端Android跟ios相容性問題,反人類!!!AndroidiOS
- 移動端安卓手機車牌識別SDK安卓
- 隱藏的輸入框調起軟鍵盤問題--ios/安卓iOS安卓
- 移動端點透事件--阻止滾動事件事件
- ASP.NET CORE中判斷是否移動端開啟網頁ASP.NET網頁
- JS 判斷客戶端是iOS還是AndroidJS客戶端iOSAndroid
- CRC 自動判斷大端 小端
- 鍵盤事件事件
- vue的監聽鍵盤事件的快捷方法Vue事件
- iOS和安卓端不同國家CPI整理iOS安卓
- 如何判斷頁面是pc端還是移動端,進入不同的頁面
- H5觸控事件判斷滑動方向H5事件
- 安卓開發 點選空白處收起鍵盤安卓
- 微信小程式使用元件實現移動端軟鍵盤微信小程式元件
- (IOS)判斷密碼格式iOS密碼
- 受夠了移動端的數字輸入,我用vue寫了個模擬鍵盤Vue
- 滑鼠、鍵盤事件事件
- PHP判斷是手機移動端訪問還是PC端訪問的函式PHP函式
- vue移動端專案接入vconsole(移動端除錯)Vue除錯
- 遠端工作或兼職,需要前端,安卓,iOS前端安卓iOS
- vue監聽頁面中的某個div的滾動事件,並判斷滾動的位置Vue事件
- 移動端頁面鍵盤出現“搜尋”按鍵且實現提交功能
- 判斷客戶端是iOS還是Android,判斷是不是在微信瀏覽器開啟客戶端iOSAndroid瀏覽器
- h5 ios輸入框與鍵盤 相容性優化H5iOS優化
- 移動端VUE點選、滑動和長按等事件處理(自定義指令)Vue事件
- 六、Vue條件判斷Vue
- 移動端頁面自定義input喚起鍵盤return,換行鍵為搜尋
- 監聽鍵盤事件事件
- 鍵盤控制游標移動作業