滑动拼图行为验证码（KgCaptcha快速入门）

凯格行为验证码 - 滑动拼图验证码

行为验证码采用嵌入式集成方式，接入方便，安全，高效。抛弃了传统字符型验证码展示-填写字符-比对答案的流程，采用验证码展示-采集用户行为-分析用户行为流程，用户只需要产生指定的行为轨迹，不需要键盘手动输入，极大优化了传统验证码用户体验不佳的问题；同时，快速、准确地返回人机判定结果。

Web接入

环境要求

兼容IE9+，Chrome，Firefox，360浏览器，QQ浏览器等主流浏览器。

获取appId

请先进入KgCaptcha控制台（或点击右上角控制台按钮）中的“应用管理”或“应用配置”模块，并下图指引位置找到appId。

示例代码

以下列举 Javascript 接入示例代码：

假设页面上有一个 <div id="captchaBox"></div>，则可以像下面这样初始化验证码。

<script src="https://cdn.kgcaptcha.com/captcha.js?appid=xxx"></script>

<script>
kg.captcha({
    // 绑定元素，验证框显示区域
    bind: "#captchaBox",

    // 验证成功事务处理
    success: function(e) {
        console.log(e); 
    },

    // 验证失败事务处理
    failure: function(e) {
        console.log(e); 
    },

    // 点击刷新按钮时触发
    refresh: function(e) {
        console.log(e);
    }
});
</script>

<div id="captchaBox"></div>

风格设置

进入KgCaptcha 控制台设置样式：

KgCaptcha 相关链接

SDK开源地址：https://github.com/KgCaptcha，顺便做了一个演示：https://www.kgcaptcha.com/demo/