Skip to content

jove9834/payBoard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PayBoard

PayBoard 是一个移动端ui插件,实现了支付时调用h5键盘的功能。
无任何依赖,可直接使用。

示例

点击查看例子

使用方法

全局引用
<script src="./payboard.min.js"></script>
var board = new PayBoard() 
board.show()
模块引用
var PayBoard = require('pay-board')
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值

作者:luke
许可证: MIT

About

仿支付宝的支付键盘

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published