1. 程式人生 > >ionic開發---ios上點選輸入框,失去焦點的時候,頁面白屏

ionic開發---ios上點選輸入框,失去焦點的時候,頁面白屏

這兩天在開發ionic頁面的時候,遇到一個很煩的bug,頁面元素都是正常的,打包在android上也是正常的,可是在ios上打包卻遇到了一個很大的問題。
每次點選輸入框,然後點其他地方失去焦點的時候,頁面就會出現白屏。找了兩天實在找不到是什麼原因,但是我加個div,給div設定一個高度,讓頁面高度比螢幕高度略高,就不會出現這個問題,不知道是因為什麼。
如果有人知道這個原因,歡迎留言,不勝感激。

相關推薦

ionic開發---ios輸入失去焦點的時候頁面

這兩天在開發ionic頁面的時候,遇到一個很煩的bug,頁面元素都是正常的,打包在android上也是正常的,可是在ios上打包卻遇到了一個很大的問題。 每次點選輸入框,然後點其他地方失去焦點的時候,

解決ios環境下輸入頁面被頂起不能自動回彈到底部問題

第一步:在標籤的輸入框中新增獲取焦點事件  程式碼寫法: @focus="getFocus" (vue程式碼)  可直接拷貝拿去放在自己頁面元素中,如下: <div class="o-field o-grid__cell carinfo-grid__cell">

android仿微信、QQ等聊天介面實現輸入彈出軟鍵盤、其他區域收起軟鍵盤預設滑動至最低端

如圖所示,點選輸入框及選擇圖片和傳送按鈕時軟鍵盤顯示且不消失,點選其他區域,則隱藏軟鍵盤。 主要程式碼如下: override fun dispatchTouchEvent(ev: MotionEvent?): Boolean { if (ev!!.getAction() ==

關於ios事件觸發經過導致layui nav跳轉的bug

在ios上點選事件其實是第一下觸發的hover事件,第二次點選才是觸發click事件; 在用layui 的nav選單,它的跳轉是通過click事件觸發的,所以在ios上就會出現,頁面跳轉需要點選兩次才能觸發; 解決辦法: 監聽touch事件,如果有跳轉就手動觸發跳轉,如果有點選事件就執行點選事件;已測試

android 實現輸入彈出日期選擇對話方塊(DatePickerDialog)

前言 這裡我們實現一個功能,點選日期輸入框(EditText),即可彈出日期選擇對話方塊(DatePickerDialog),等使用者選擇日期後,將使用者選擇的日期顯示在日期輸入框。 1.activity_main.xml 這裡只有一個TextView和EditText。

前端開發日記之懸浮之外的地方隱藏懸浮

本次遇見的問題是:在拒絕訂單時,頁面彈出了一個懸浮框用於輸入拒絕理由。需要我做的是:彈出懸浮框時,點選頁面其它位置時會將懸浮框隱藏。 在此處貼出程式碼://拒絕彈出框在點選彈出框其它位置時,隱藏彈出框

微信6.7.4 ios12 軟鍵盤收回時頁面不回彈導致游標位置錯亂再次輸入區域時無法focus

https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800 https://blog.csdn.net/qq_23370345/article/details/84757505 參考上述文章,可

手機輸入當鍵盤彈起介面上彈鍵盤收起介面下來

var wHeight = window.innerHeight; //獲取初始可視視窗高度 window.addEventListener('resize', function(){

移動端關於輸入因字型變化導致佈局變形的問題

 $(function(){         var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';         var _orig_font = document.documentElement.st

iOS textview彈出鍵盤的回車鍵新增相應事件

- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSStr

Jquery輸入獲得/失去焦點方式

<span style="font-family:Microsoft YaHei;font-size:24px;">$(function(){ $("#id").bind({

popuWindow 底部彈出輸入並獲取焦點軟體盤自動彈起和關閉

InputMethodManager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE); imm.toggleSoftInput(0, InputMethodManager.HI

fastclick 導致Ant Design框架的Upload元件在ios裝置異常

問題描述 引入Ant Design的上傳元件,在PC端和Android端點選上傳正常,而在IOS端單擊沒反應,雙擊能彈出上傳元件視窗。 產生原因 直接原因是專案中引入了fastclick,而fastclick有點小bug,導致IOS端點擊出現異常。具體原因請看cao

iOS 提示檢視以外的其他地方時隱藏彈

// 點選提示框檢視以外的其他地方時隱藏彈框 -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)eve

IOS下 用vue開發前端專案 返回 頁面出現空白

原文章地址問題描述:進入A頁面——>B頁面——>ios自帶的返回——>白屏出現——>手動點選白屏處——>問題解決原因分析: 在ios機器上使用webview開發Vue專案時候,go history(-1), 無法將body的高度拉掉,使得遮住,觸

iOS開發-UIImageView響應事件

UIImageView是不能夠響應點選事件的,在開發過程中我們需要經常對頭像等新增點選事件,上網搜尋一番後發現有如下兩個方法: 1.找到點選圖片Event,新增事件處理函式 1 2 3 4 5 6 7 8 9 10 11 12 13 14 UIImageView.userInteraction

iOS webview 按鈕返回頁面或者返回首頁

- (void)floatBtn:(UIButton *)sender {     NSLog(@"點選");     if ([self.webView canGoBack]) {        

輸入顯示輸入提示消失。沒輸入直接提交提交的輸入內容為空不提交顯示的提示文字

之前的方法 是用div 顯示輸入的文字。點選後div後讓input 輸入框獲取焦點,div隱藏。滑鼠離開input div顯示。  在一次抓取中 從抓取網站看到的方法。 現在這次自己好像用到了,就想起這個方法,結果效果不錯。馬上記錄下來 <input id="kw"

按鈕的時候輸入不獲得焦點

public void setFocus(View view) { edit_layout.setFocusable(true); edit_layout.setFocusableInTouchMode(true); edit_layout.requ

在 S5PV210 的 開發 亮 一個 LED 燈

ubuntu 連接服務器 tde 教程 ins connect mage 參考 operation 參考學習教程:周立功嵌入式Linux開發教程-(上冊) 材料:首先 準備一個 安裝好 Linux 的 開發板 使用 xshell 工具 連接 開發板 ,wi