美文网首页
h5支付键盘

h5支付键盘

作者: luke93 | 来源:发表于2017-11-24 17:07 被阅读0次

 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

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关文章

  • h5仿微信、支付宝支付键盘

    h5仿微信、支付宝键盘|仿微信支付数字键盘|仿支付宝输入法键盘 h5仿微信支付键盘实例 头部引入 HTML片段 效...

  • html5仿微信界面|h5仿微信聊天实战项目

    html5+css3高仿微信聊天|h5仿微信界面|仿微信朋友圈|仿微信红包|h5仿微信支付键盘|h5仿微信群聊 近...

  • Android端 支付宝&微信H5支付调用

    一、支付宝H5支付调用 支付宝H5支付官方开发文档 代码示例: 二、微信H5支付调用 微信H5支付官方开发文档 代...

  • h5支付键盘

    payBoard payBoard 是一个移动端ui插件,实现了支付时调用h5键盘的功能。 本插件基于jq开发,使...

  • vue实现webapp支付

    最近在使用vue写webapp,app中要求可以实现线上支付,研究了微信H5支付与支付宝H5支付。其中微信H5支付...

  • iOS-H5支付(微信、支付宝)原生封装

    前言 支付分APP支付、H5支付、扫码支付等。app支付一般在app中使用,并且需要集成相应的支付SDK,H5支付...

  • iOS处理原生和H5页面成为第一响应者弹出键盘

    1、原生UITextField处理弹出键盘: 2、H5页面弹出键盘: H5同事表示H5页面处理不了这个,需要原生端...

  • H5仿微信支付键盘

    直接贴图片以及视频 视频地址:https://github.com/Javen205/IJPay-Demo/blo...

  • 微信支付

    微信支付包括微信H5支付和微信公众号支付 微信H5支付 官方api:https://pay.weixin.qq.c...

  • 微信支付

    H5支付 微信 h5 支付,后端向微信请求支付参数的时候会要求填写一个 return_url 参数,用于 支付成功...

网友评论

      本文标题:h5支付键盘

      本文链接:https://www.haomeiwen.com/subject/exyfbxtx.html