uexSecurityKeyboard查看3.0文档

带安全键盘的输入框插件

1.1、说明

创建一个带安全键盘的输入框插件,提供纯数字键盘,数字、字母和符号可切换的键盘,同时输入框位置、键盘描述信息可以定制,提供自定义输入框样式、随机展示数字键盘等功能具体见下面.

本文的目的是为了开发能够更好更快地将API集成到自己的项目中,在使用前最好先使用好我们提供的demo并对照文档运行看看效果。
这里可以【参考教程】下载AppCan IDE为开发者工具开发,然后集成到自己的项目上。

1.2、UI展示

纯数字键盘 可切换字母键盘 可切换数字键盘 可切换符号键盘

1.3、开源源码

插件测试用例与源码下载:点击插件中心至插件详情页 (插件测试用例与插件源码已经提供)

1.4、平台版本支持

本插件的所有API默认支持Android4.0+iOS7.0+操作系统.

有特殊版本要求的API会在文档中额外说明.

1.5、接口有效性

本插件所有API默认在插件版本4.0.0+可用.

2、API概览

2.1、方法
open //创建带安全键盘的输入框对象

uexSecurityKeyboard.open(params);

说明:

创建带安全键盘的输入框对象

参数:

    var params = {
         "keyboardType": ,
         "keyboardDescription": ,
         "x": ,
         "y": ,
         "width": ,
         "height": ,
         "isScrollWithWeb":,
         "showClearText":,
         "showInputBox":,
         "maxInputLength":,
         "hintText":,
         "textColor":,
         "hintTextColor":,
         "backgroundColor":,
         "textSize":,
         "isRandom":,
         "isHighlight":,
         "logoPath":,
         "isCleanPassword":         
    }

各字段含义如下:

名称 类型 是否必选 说明
keyboardType Number 键盘类型,参考KeyboardType ,默认为0
keyboardDescription String 键盘描述信息,如UI展示中显示在键盘顶部的文字描述"正益移动安全输入"
x Number 输入框距屏幕左边缘的距离
y Number 输入框距屏幕顶部的距离
width Number 输入框的宽度
height Number 输入框的高度
isScrollWithWeb bool 是否随网页滚动,默认为false
showClearText bool 是否显示明文输入,默认为true
showInputBox bool 是否显示插件输入框,默认为true
maxInputLength Number 键盘输入的最大字符数(一个汉字为两个字符),默认不设限制
hintText String 输入框提示语,只有显示插件输入框时才有效,默认值为空
textColor String 输入框字体颜色(RGB色值),只有显示插件输入框时才有效,默认值为系统默认
hintTextColor String 输入框提示语字体颜色(RGB色值),只有显示插件输入框时才有效,默认值为系统默认
backgroundColor String 输入框背景颜色(RGB色值),只有显示插件输入框时才有效,默认值为透明
textSize String 输入框字体大小,只有显示插件输入框时才有效,默认值为系统默认
isRandom bool 是否键盘数字随机,默认为false,仅对纯数字键盘有效
isHighlight bool 是否在点击按键时显示高亮效果,默认为true
logoPath String 需要显示logo图标的路径,支持appcan路径协议
isCleanPassword bool 是否在应用退出时清空输入框,默认为false

返回值:

返回带安全键盘的输入框对象,创建失败时返回null.

示例:

var params = {
        "keyboardType":1,
        "keyboardDescription": "正益移动安全输入",
        "x":100,
        "y":100,
        "width":250,
        "height":50,
        "isScrollWithWeb":true,
        "showClearText":false,
        "showInputBox":false,
        "maxInputLength":1000,
        "hintText":,
        "textColor":"#00ff00",
        "hintTextColor":"#ffff00",
        "backgroundColor":"#ff0000",
        "textSize": 16,
        "isRandom":true,
        "isHighlight":false,
        "logoPath":"res://keyboard_logo@2x.png",
        "isCleanPassword":true
    };
    var securityKeyboard = uexSecurityKeyboard.open(JSON.stringify(params));
close //销毁带安全键盘的输入框

uexSecurityKeyboard.close(securityKeyboard);

说明:

销毁带安全键盘的输入框

参数:

名称 类型 是否必选 说明
securityKeyboard Object 由open接口创建的输入框对象,不传关闭所有输入框对象

示例:

    uexSecurityKeyboard.close(securityKeyboard);
getData //获取输入框对象中的内容

var content = uexSecurityKeyboard.getData(securityKeyboard);

说明:

获取输入框对象中的内容,支持同步回调.

参数:

各字段含义如下:

参数名称 参数类型 是否必选 说明
securityKeyboard Object 由open接口创建的输入框对象

返回值:

输入框中的内容.

示例:

   var content = uexSecurityKeyboard.getData(securityKeyboard);
2.2、监听方法
onKeyPress //键盘点击的监听方法

uexSecurityKeyboard.onKeyPress(param);

说明

键盘点击的监听方法

参数

param为json字符串:

var param ={
        "inputType":
    }

各字段含义如下:

名称 类型 是否必选 说明
inputType Number 输入类型, 0:输入文本,包括数字、字母、特殊字符等;1:退格;2:完成。只有当showInputBox为false,即不显示插件输入框时,才会回调文本和退格的输入;输入完成的回调,两种情况都会有。

示例

window.uexOnload=function(type){
    uexSecurityKeyboard.onKeyPress=function(info){
        alert(info);
    }
}
onShowKeyboard //显示键盘的监听方法

uexSecurityKeyboard.onShowKeyboard(param);

说明:

  • 显示键盘的监听方法
  • 前端收到该监听后,可根据需求调整输入框位置,防止键盘盖住输入框等问题。

参数:

param为json字符串:

var param ={
        "id":
    }

各字段含义如下:

名称 类型 是否必选 说明
id String 显示键盘唯一标识符,与open方法中的id对应

示例:

window.uexOnload=function(type){
    uexSecurityKeyboard.onShowKeyboard=function(info){
        alert(info);
    }
}
onHideKeyboard //键盘消失的监听方法

uexSecurityKeyboard.onHideKeyboard(param);

说明

显示键盘的监听方法

参数

param为json字符串:

var param ={
        "id":
    }

各字段含义如下:

名称 类型 是否必选 说明
id String 消失键盘唯一标识符,与open方法中的id对应

示例

window.uexOnload=function(type){
    uexSecurityKeyboard.onHideKeyboard=function(info){
        alert(info);
    }
}

3、附录

KeyboardType
value 描述
0 纯数字键盘,不可切换
1 数字、字母、符号可切换键盘
2 系统默认键盘

4、更新历史

iOS

API版本: uexSecurityKeyboard-4.0.0

最近更新时间:2016-07-29

历史发布版本 更新内容
Android

API版本: uexSecurityKeyboard-4.0.1

最近更新时间:2017-01-16

历史发布版本 更新内容
4.0.1 增加自定义输入框样式、随机展示数字键盘等功能
还需要帮助吗? 联系我们
最新更新 8th Jul 2021