# ask Javascript模拟键盘

**Repository Path**: asmita_cn/asmita_simulate_keybord

## Basic Information

- **Project Name**: ask Javascript模拟键盘
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2019-06-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ask Javascript模拟键盘

#### 介绍
**ASK模拟键盘**全称 **asmita_simulate_keybord**，使用HTML+CSS+JavaScript编写，用于在手机端展现模拟键盘

#### 功能
```
1.支持键盘开关
2.支持绑定的容器失去焦点后自动收起键盘
3.支持键盘Lock状态始终不收起
4.支持大小写
5.支持数字
6.支持符号
7.支持删除
8.支持光标
9.支持自定义键盘调起和关闭事件
10.支持自定义符号
11.支持长按删除
12.支持切换上一个和下一个输入框
```
#### 安装教程

1. git clone https://gitee.com/asmita_cn/asmita_simulate_keybord.git
2. 下载压缩包解压到本地

#### 使用说明

1. 引入src文件夹下的css和js文件
```
<link rel="stylesheet" href="./src/ask.1.0.css">
<script src="./src/ask.1.0.js"></script>
```
2. var myAsk=new ask(); 初始化ASK键盘对象
3. myAsk.bindEleByClass("test") 通过class绑定键盘容器
4. 点击test元素查看键盘是否弹出

#### 键盘效果图
![Image text](http://chuantu.xyz/t6/702/1561552830x1033347913.png)
![Image text](http://chuantu.xyz/t6/702/1561552845x1033347913.png)
![Image text](http://chuantu.xyz/t6/702/1561552867x992245975.png)
![Image text](http://chuantu.xyz/t6/702/1561552877x1033347913.png)

#### 相关接口说明

1.`openCallback`，自定义打开键盘回调
示例代码： 
```
    myAsk.openCallback=function(){
        console.log("open");
    };
```
2.`closeCallback`，自定义收起键盘回调
示例代码： 
```
    myAsk.closeCallback=function(){
        console.log("close");
    };
```
3.`symbol`，重置键盘符号元素
```
    myAsk.symbol=[",","."];
    myAsk.init();
```