移動端問題

2021-08-04 12:42:01 字數 423 閱讀 5792

最近的移動端開發中發現標籤在安卓手機和chrome瀏覽器上只可以輸入數字,輸入非數字字元不會顯示,但在iphone上可以輸入非數字字元,在輸入框中可以顯示出來,但提交表單的時候是空的,也不會有任何提示,這就造成如果這項是非必填項的話,使用者會覺得漏掉了自己提交的資訊(他可能沒意識到自己填寫錯誤了),這樣似乎很不友好,所以我想在ios上,在這個輸入框失去焦點時,如果使用者輸入的不是數字,就提示他重新輸入,但是此時發現獲取不到value值,無法對value值進行判斷,這似乎與沒輸入任何字元的情況無異。

在網上搜了好久發現乙個很好用的屬性 currenttarget.validity.valid,該屬性返回你輸入的值是否合法,合法返回true,不合法返回false,瞬間豁然開朗

$("input[type = 'number').blur(function(e)else})

問題解決了!

移動端問題整理

寫h5頁面總會碰上一些相容性問題,之前也碰到了許多問題,但是都沒有做乙個完整的記錄,之後碰到的問題都會記錄下來。1.使用table畫 時出現ios 邊框顯示不完全2.使用移動端拖動元件react draggable tags的拖動和滾動區分 使用這個拖動元件會導致移動端無法區分到拖動還是滾動事件,解...

移動端問題小計

君不見黃河之水天上來,奔流到海不復回,君不見高堂明鏡悲白髮,朝如青絲暮成雪,人生得意須盡歡,莫使金樽空對月 box animate keyframes wordsloop 100 123 45 out out webkit scrollbar innervar box document.getele...

移動端問題總結

1.有時,通過審查元素並不會發現html有問題,但就是在螢幕中左右晃動,無法解決,這時候,其實是存在子元素溢位來了,所以加大了寬度。解決方法 給html或者是body新增overflow x hidden 這樣就可以成功解決問題,但是問題是一旦設定了body的overflow x hidden 這時...