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

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

阅读 3.8k
4 个回答

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

<!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>

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏