网站首页 > 基础教程 正文
文字点选行为验证码
按顺序点击图中文字,全新行为验证,安全性极高,保障验证安全
行为验证码采用嵌入式集成方式,接入方便,安全,高效。抛弃了传统字符型验证码展示-填写字符-比对答案的流程,采用验证码展示-采集用户行为-分析用户行为流程,用户只需要产生指定的行为轨迹,不需要键盘手动输入,极大优化了传统验证码用户体验不佳的问题;同时,快速、准确地返回人机判定结果。
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 相关链接:
官方地址:https://www.kgcaptcha.com/ 凯格行为验证码
在线体验:https://www.kgcaptcha.com/demo/ 凯格行为验证码
接入文档:https://www.kgcaptcha.com/article?pid=6 凯格行为验证码
- 上一篇: 功能强大的网页元素拖拽排序工具库
- 下一篇: 微信WeUI设计规范文件下载及使用方法
猜你喜欢
- 2024-10-12 面试常客系列之跨域 java跨域面试题
- 2024-10-12 如何根治 Script Error. 如何根治神经性皮炎
- 2024-10-12 只用一个js文件,为你的网站加个黑暗模式
- 2024-10-12 闭包(一):闭包的9个应用场景 闭包一般用在什么地方
- 2024-10-12 LLM工程师应该如何防范提示注入?指导来了
- 2024-10-12 如何实现前端社交媒体分享功能 前端聊天功能如何实现
- 2024-10-12 「WWDC2018」-Web安全策略 web安全进阶
- 2024-10-12 「JS库」3个很棒的小众JavaScript库
- 2024-10-12 如何使用 如何使用验孕棒
- 2024-10-12 2 JavaScript核心 script标签 营养标签中的核心营养素
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)