手机端拖拽模板以及bug处理

转载:https://www.cnblogs.com/joyco773/p/6519668.html

var flag = false;       //是否按下鼠标的标记
var cur = {             //记录鼠标按下时的坐标
    x:0,
    y:0
}
var nx,ny,dx,dy,x,y ;
//鼠标按下时的函数
function down(){
    flag = true;             //确认鼠标按下
    cur.x = event.clientX;   //记录当前鼠标的x坐标
    cur.y = event.clientY;   //记录当前鼠标的y坐标
    dx = div2.offsetLeft;    //记录div当时的左偏移量
    dy = div2.offsetTop;     //记录div的上偏移量
}
//鼠标移动时的函数
function move(){
    if(flag){                        //如果是鼠标按下则继续执行
        nx = event.clientX - cur.x;  //记录鼠标在x轴移动的数据
        ny = event.clientY - cur.y;  //记录鼠标在y轴移动的数据
        x = dx+nx;                   //div在x轴的偏移量加上鼠标在x轴移动的距离
        y = dy+ny;                   //div在y轴的偏移量加上鼠标在y轴移动的距离
        div2.style.left = x+"px";
        div2.style.top = y +"px";
    }
}
//鼠标释放时候的函数
function end(){
    flag = false;                    //鼠标释放
}

该代码为模板,写的很棒!在chrome中会有报错

解决方案:https://blog.csdn.net/Beamon__/article/details/89046558

感谢两位博主!

posted @ 2019-10-22 16:32  苹果π  阅读(211)  评论(0)    收藏  举报