weexsafekeyboard
效果圖：
技術依賴：
框架：weex+vue
彈出層：weex-ui
圖示：iconfont
說明：宣告：
如有需要，請參考實現的思路，消化成自己的東西，勿直接複製，會消化不良。
實際呼叫頁面：index.vue **如下：
密碼
//placeholder內容
}//把輸入內容顯示為*
}} //游標「|」
|//可不可見圖示
//weex-ui 裡的 wxc-popup 彈窗，可改為自己的
abc符
123安全鍵盤
完成//abc介面
}
//特殊符號介面
}//數字介面
}
exports.bundleurl = function (self) ;
//判斷系統，安卓返回'android'，ios返回'ios',h5返回'web'
exports.androidorios = function (self) ;
//獲取完整路徑字首
exports.getimageurl = function (self) else if (androidorios == "ios")
} else else if (androidorios == "ios")
}return imageurl;
}//物件型別判斷，下面深，淺拷貝用
exports.util = (function () ;
["null", "undefined", "number", "boolean", "string", "object", "function", "array", "regexp", "date"].foreach(function (item) )
function istype(obj, type)
function gettype(obj)
return
})();
//物件深，淺拷貝
exports.copy = function (obj, deep)
var i, target = this.util.istype(obj, "array") ? : {}, value, valuetype;
for (i in obj) else
}return target;
}
手機端網頁監測是否開啟鍵盤
做h5頁面經常會遇到頁面有輸入功能的 例如這種的 ps 測試機僅有一台mi4c 最開始想，鍵盤彈出應該占用了瀏覽器的視窗，所以彈出鍵盤時頁面的可用高度一定是變化的，換句話說就是彈出鍵盤導致瀏覽器的高度被壓縮。所以通過對比輸入框獲取焦點前後瀏覽器視窗高度的變化，可以判斷出鍵盤是否彈出。document...
移動端禁止手機自帶鍵盤彈出
這個問題，確實困擾了我好久，但是今天解決了。在網上搜尋答案，全都是用div模擬input框實現，沒有乙個真正解決這個問題的，現在我只需要一句 就可以完完整整的解決這個問題。這個是我自製的乙個日曆，在沒有選擇日期前她是這個樣子的，感覺還可以吧 但是好景不長，當我將手放進選擇框選日期的時候，手機自帶的鍵...
蘋果手機端鍵盤只顯示數字
最近做的這個專案裡，在電腦上測試很正常，但是在手機端上測試的時候，蘋果的手機端卻只顯示數字，如圖 那麼這個問題是怎麼回事呢，通過和乙個師姐的講解，發現了這個問題的根源。那麼怎麼想的呢，我們想著既然是輸入的形式有問題，那麼就從 的輸入形式那裡去找，和數字相關的就只有pattern這一塊。所以我查了一下...