?payBoard
payBoard 是一個(gè)移動(dòng)端ui插件,實(shí)現(xiàn)了支付時(shí)調(diào)用h5鍵盤的功能。
本插件基于jq開發(fā),使用前確保全局有$方法。
本插件的自適應(yīng)基于淘寶移動(dòng)端自適應(yīng)的規(guī)范,確認(rèn)html的font-size為屏幕分辨率/10;
示例

使用方法
var board = new payBoard()
board.show()
方法
board.show(duration), 顯示輸入框,默認(rèn)200ms
board.hide(duration), 隱藏輸入框,默認(rèn)200ms
board.on(name, callBack)`,監(jiān)聽事件
board.reset(),重置輸入框
board.input(num),通過(guò)程序,輸入數(shù)字,數(shù)字為0~9
board.delete(num),通過(guò)程序,刪除num位數(shù)字
事件
通過(guò)board.on(name, callBack)來(lái)監(jiān)聽特定的事件
每個(gè)事件可注冊(cè)多個(gè)監(jiān)聽函數(shù)
所有回調(diào)函數(shù)的this指向?qū)嵗龑?duì)象,部分事件的回調(diào)函數(shù)會(huì)有相應(yīng)的參數(shù)傳入
complete事件, 輸入達(dá)到6位數(shù)時(shí),回調(diào)函數(shù)會(huì)傳入6位密碼
forget事件, 點(diǎn)擊忘記密碼時(shí)的事件,無(wú)參
back事件, 點(diǎn)擊后退按鈕時(shí)的事件,無(wú)參
input事件, 點(diǎn)擊數(shù)字鍵盤時(shí)的事件,參數(shù)為輸入的數(shù)字
delete事件, 刪除事件,無(wú)參
屬性
board.inputVal, 已經(jīng)輸入的密碼
board.id, 輸入框最外層dom的id
board.hash, 輸入框最外層dom的id上的hash值
作者:luke93
鏈接:https://github.com/lllluke1993/payBoard
來(lái)源:github
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。