ios部分機型出現select、input等控件點擊後失效不可再次點擊dug

問題描述

在昨天晚上的時候測試突然告訴我一個問題,在iphone 6s中select選擇器在第一次點擊後,其他的選擇無法點擊。整個手機都屬於暫時性死機狀態。

問題分析

當時首先對代碼進行了排查,排除是邏輯方面的問題。經過多方面驗證發現只有6s會出現,這是對兼容性進行了進一步的考慮。
多方面兼容後,發現也不是兼容的問題。在一步步的實驗中發現當點擊後,需要滑動一次纔可以繼續點擊,這個時候發現有可能是彈出影響的問題。
經過進一步的驗證,發現當彈窗小時候,頁面並沒有進行回落。至此可以判斷是因爲頁面彈起沒有回落引起的點擊事件失效。

問題解決

當找到問題時,解決很簡單了。在代碼中發現在佈局中用了flex佈局,當彈出層出現的時候導致flex佈局失效,頁面不會回落。這時只需要在失焦的時候對頁面進行強制回落即可。

$("select").on("blur", function() {
        window.scroll(0, 0); //失焦後強制讓頁面歸位
});

問題總結

在dug的調試過程中在耗費時間的就是尋找問題原因,當找到時耗費的時間並沒有想象中的多。這個問題的解決總共花費了差不多三個小時。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章