?payBoard
payBoard 是一個移動端ui插件,實現了支付時調用h5鍵盤的功能。
本插件基于jq開發,使用前確保全局有$方法。
本插件的自適應基于淘寶移動端自適應的規范,確認html的font-size為屏幕分辨率/10;
示例
使用方法
var board = new payBoard()
board.show()
方法
board.show(duration), 顯示輸入框,默認200ms
board.hide(duration), 隱藏輸入框,默認200ms
board.on(name, callBack)`,監聽事件
board.reset(),重置輸入框
board.input(num),通過程序,輸入數字,數字為0~9
board.delete(num),通過程序,刪除num位數字
事件
通過board.on(name, callBack)來監聽特定的事件
每個事件可注冊多個監聽函數
所有回調函數的this指向實例對象,部分事件的回調函數會有相應的參數傳入
complete事件, 輸入達到6位數時,回調函數會傳入6位密碼
forget事件, 點擊忘記密碼時的事件,無參
back事件, 點擊后退按鈕時的事件,無參
input事件, 點擊數字鍵盤時的事件,參數為輸入的數字
delete事件, 刪除事件,無參
屬性
board.inputVal, 已經輸入的密碼
board.id, 輸入框最外層dom的id
board.hash, 輸入框最外層dom的id上的hash值
作者:luke93
鏈接:https://github.com/lllluke1993/payBoard
來源:github
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。