当前位置： 文江博客话题详情

从左拉到右那种验证码怎么做的？

发布于 2022-09-07 07:48:34 字数 67 浏览 20 评论 0

有些app或网站的验证方式是用鼠标把滑块从左拉到右，有的是有个拼图，把一个图块拉到对应位置拼好，这两种验证码是怎么做的？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（4）

￡冰雨忧蓝° 2022-09-14 07:48:34

简单说就是onmousedown onmousemove onmouseup 这三个方法的联合 你自己找一个带这种功能的源码看看吧 简单几句也说不清楚

回复
初见你 2022-09-14 07:48:34
<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <link rel="stylesheet" href="http://www.jq22.com/demo/jquerytdyz201801252357/css/slider.css">
    <script type="text/javascript" src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
</head>
<body>
    <div id="sliderLock"></div>
    <script type="text/javascript" src="http://www.jq22.com/demo/jquerytdyz201801252357/js/slider.js"></script>
    <script>
        new SliderLock("#sliderLock",function(){
            alert("验证成功");
        }).init();
    </script>
</body>
</html>
回复
执妄 2022-09-14 07:48:34

实现思路其实很简单：鼠标拖动图片，释放鼠标后检测图片位置是不是和缺少的位置一样

回复
流绪微梦 2022-09-14 07:48:34

canvas实现的滑块验证码https://github.com/utali/slid...

回复
~没有更多了~

关于作者

如何视而不见

暂无简介

0 文章
0 评论
22 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

1CH1MKgiKxn9p

文章 0 评论 0

ゞ记忆︶ㄣ

文章 0 评论 0

JackDx

文章 0 评论 0

信远

文章 0 评论 0

yaoduoduo1995

文章 0 评论 0

霞映澄塘

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文