https://github.com/xwpongithub/better-keyboard
A js keyboard component for mobile.
https://github.com/xwpongithub/better-keyboard
es6 javascript keyboard webpack2
Last synced: 7 months ago
JSON representation
A js keyboard component for mobile.
- Host: GitHub
- URL: https://github.com/xwpongithub/better-keyboard
- Owner: xwpongithub
- Created: 2017-04-14T07:17:53.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2021-01-12T05:47:59.000Z (over 5 years ago)
- Last Synced: 2025-02-01T08:11:12.846Z (over 1 year ago)
- Topics: es6, javascript, keyboard, webpack2
- Language: JavaScript
- Size: 2.8 MB
- Stars: 55
- Watchers: 6
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# better-keyboard
A js keyboard component for mobile.
## 立即使用
```HTML
var keyboard = new JKeyboard({
onInput: function (key, rs) {
// do something
},
onClose: function () {
// do something
},
onShow: function () {
// do something
},
onDelete: function (rs) {
// do something
}
});
```
## 通过npm引入
安装better-keyboard
```shell
npm install better-keyboard --save-dev
```
引入better-keyboard
```javascript
import JKeyboard from 'better-keyboard'
````
测试demo页
```shell
npm run dev
```
打开浏览器访问如下地址, 查看效果
> localhost:9090
## Options 参数
- defaultResult: `[]` 默认值
- containEl: `body` 父级容器
- closeTitle: `完成` 关闭按钮文本
- max: `6` 最大长度
## Events 事件
- onInput 点击数字按钮
- onClose 键盘关闭
- onClosed 关闭动画结束后
- onShow 键盘打开
- onDelete 点击删除按钮
## 实例方法
- show 打开键盘
- close 关闭键盘
- empty 清空输入值
- setResult 设置输入值
- getResult 获取当前输入值
- closeAndClear 关闭并清空已输入的值