H5 密碼 調起安全鍵盤 導致頁面底部出現留白

2021-09-27 06:16:30 字數 565 閱讀 1439

首先嘗試通用解決方式,如:

實踐上述型別的解決方式,仍不穩定,經多次測試發現,全部是在輸入密碼時,安全鍵盤頂起頁面導致頁面出現留白。

猜測是系統預設安全鍵盤的問題,無法感應到鍵盤收起,使頁面下滑。

在同事的vivo上也出現類似的問題,考慮到多種機型的相容性問題,所以決定繞過input type="password"這種輸入框型別,仍使用type="text",調起普通鍵盤即可。

html頁面**為:增加了type="hidden"用來儲存密碼

js**:通過對第乙個密碼輸入框繫結oninput事件,實時監測密碼格式並賦值給隱藏的密碼輸入框中

function mypwd(e)else

}else if(v.lengthemmm...後來發現密碼框改為text後,會出現另乙個問題,全選密碼刪除或者替換等操作,無法即時更新密碼。後續再尋找更好的解決辦法吧。

H5及H5頁面是什麼意思?如何製作H5頁面?

h5是html5的簡稱。html5是html最新的修訂版本,是一種超文字標記語言。h5有兩大特點 首先,強化了 web 網頁的表現效能。其次,追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項,通過點選新增到製作介面,控制項的選擇使用按照你...

h5頁面的寫法 移動端h5頁面寫法

1.頁面寬度320,所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640,元素尺寸正常 暫未發現問題 3.頁面寬度640,js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...

h5網頁開發

如果使用vue框架,不足 過渡不行,會出現 使用v html或v cloak解決,注意 務忘記需要分頁的頁面是否需要跳轉前有資料更新需要先修改頁面顯示再跳轉防止返回時的顯示錯誤 如 未讀列表進入詳情,返回後應該是已讀 常見問題 儲存資料不完整導致切換時資料丟失 在進入支付頁前需清除之前遺留資料防止出...