一、原理及实现方法如下：
成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、成都网站设计、祁东网络推广、重庆小程序开发、祁东网络营销、祁东企业策划、祁东品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供祁东建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
1、当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY；
2、当触发touchmove事件时，在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后，通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。
二、注意：
手指在滑动整个屏幕时，会影响浏览器的行为，比如滚动和缩放。所以在调用touch事件时，要注意禁止缩放和滚动。
1.禁止缩放
通过meta元标签来设置。
2.禁止滚动
preventDefault是阻止默认行为，touch事件的默认行为就是滚动。
event.preventDefault()。
jQuery拖滑拽动验证码插件，实现移动端滑动解锁，已实现效果，可直接使用。
1
2
3
4
5
6
var a = $('#你的div id');
a.slideDown("slow");
语法：
$(selector).slideDown(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是滑动完成后所执行的函数名称。
这是通过ajax实现的。jquery中多个函数实现ajax。比如说：
jQuery.post( url, [data], [callback], [type] )
第一个参数是处理验证的程序文件地址，第二个参数是要提交的数据，第三个是回调函数，请示的类型如json等。
假如验证码输入框的id属性为verify，验证验证码的文件为checkcode.php
$("#verify").blur(function(){
var verifycode=$("#verify").val();
$.post("checkcode.php",{verify,verifycode},function(data){
if(data=="1"){
alert("验证码正确");
}else{
alert("验证码错误");
}
})
})
//你可以把返回的结果显示在验证码输入框的后面，不用alert弹出框
检验验证码的checkcode.php文件内容如下：(假如存入session的验证码名为verify)
$verify=$_POST["verify"];
if($verify=$_SESSION["verify"]){
echo "1";
}else{
echo "0";
}
思路大致是这样，代码是不是正确，请测试 一下