评论：jquery拖动滑块验证，兼容各个浏览器  [查看原文]

我想去浪3
2021/10/18 17:05:23

我自己调整了一下，把SliderUnlock.prototype.init这个方法改了如下：


SliderUnlock.prototype.init = function() {
    var me = this;
    me.updateView();
    var btn = $('#label')[0];
    var btnWidth = btn.offsetWidth;

    btn.ondragstart = function() {
        alert("ondragstart");
        return false;
    };
    btn.onselectstart = function() {
        alert("onselectstart");
        return false;
    };
    //pc端
    btn.onmousedown = function(e) {
        var disX = e.clientX - btn.offsetLeft;
        var e = e || window.event;
        me.lableIndex = e.clientX - btn.offsetLeft;
        me.handerIn();
        document.onmousemove = function(event) {
            me.handerMove(event);
        };
        document.onmouseup = function(event) {
            if (!me.isOk) {
                me.handerOut();
            }
        };
        document.mouseout = function(event) {
            me.handerOut();
        };
    };

    //移动端
    var cont = $("#label");
    cont.on({ //绑定事件
        touchstart: function(event) {
            var e = event || window.event;
            me.lableIndex = e.originalEvent.touches[0].pageX - this.offsetLeft;
            me.handerIn();
        },
        touchmove: function(event) {
            me.handerMove(event, "mobile");
        },
        touchend: function(event) {
            me.handerOut();
        }
    });
};

阴霾的记忆0
2018/9/11 9:53:05
改为绑定 document.onmousemove 就可以了。

lifuhai0
2019/8/13 18:53:56
改为绑定 document.onmousemove是什么意思啊，在哪里改呀

yangyuanlife1
2018/7/4 10:47:55
new SliderUnlock 这个就是初始化的呀

厉害了，爬走了

请问兼容移动端吗？而且安全问题有没有做处理？

吕欣琪0
2018/8/13 17:30:40
安全问题需要后台处理

比另外一个实惠多了