滑动解锁,移动端,PC端都可使用

所属分类:输入-拖和放,验证

滑动解锁,移动端,PC端都可使用 ie兼容9

更新时间:2018/2/2 11:04:04

更新说明:

  1. 在onresize事件中修改了页面宽度改变时在已解锁的状态下绿色框宽度不能跟着改变的问题

  2. 在事件中加了locked这个变量来判断是否解锁,未解锁情况下继续执行slide函数来适应要拖拽的宽度

  3. 已解锁的情况下就是根据页面现有宽度来修改绿色框的宽度


1、该插件实现了可适配移动端和PC端的滑动解锁效果。

2、js文件中注释明确提醒了移动端与PC端的功能代码,可分开使用。

3、文件下载后若要调试,可将js文件中两段代码注释掉即可。(如下)

$("*").keydown(function(e) {
    //判断按键  
    e = window.event || e || e.which;
    if (e.keyCode == 123) {
        e.keyCode = 0;
        return false;
    }
});
$(document).bind("contextmenu", function(e) {
    return false;
});
相关插件-拖和放,验证

拖动滑块验证

拖动滑块进行验证
  拖和放
 28843  194

Sortable – 简单灵活的 JavaScript 拖放排序插件

Sortable 简单灵活的 JavaScript 拖放排序插件
  拖和放
 38550  122

jQuery拖拽拖放插件DAD

DAD 是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。
  拖和放
 31256  233

JS表格列自由拖拽排序特效代码

该插件为纯js代码,实现表格列的自由拖拽,以及按列排序
  拖和放
 5919  65

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币

    白告月酱HJH 0
    2018/5/6 12:53:56
    Eason 0
    2018/4/2 16:49:57
    解锁后怎么重置?
        Eason0
        2018/4/3 11:51:54

        搞定

        function slideResetting(tlocked) {
            /// <summary>重置滑动解锁</summary>
        
            if (tlocked) {
                $('#slide_xbox').html('<div id="btn"><i class="iconfont icon-double-right"></i><img src="" alt="" /></div>');
                $('#slide_xbox').width(初始值);
                --自行修改
                locked = false;
                slide();
            }
        }
    回复
    0
    2018/3/30 14:26:52
    方圆几里 0
    2018/3/12 11:30:10
    任时光匆匆丶我只在乎你 0
    2018/3/9 8:59:20
    Winnie33 0
    2018/2/23 11:49:49
    还不错哦,棒棒哒
    回复
    macyoyo 0
    2018/2/2 20:00:25
    十月未至灬冬至 0
    2018/2/1 22:24:21
取消回复