js获取鼠标移动坐标

Posted 2020-09-07 甘小春

js获取鼠标移动坐标，很多情况下还需要考虑document.documentElement.scrollLeft 、 document.documentElement.clientLeft;

    var _touchstart, _touchend,_touchmove;
    var isPC=window.ontouchstart===undefined;
    if(isPC){
        _touchstart="mousedown";
        _touchmove="mousemove";
        _touchend="mouseup";
    }else{
        _touchstart="touchstart";
        _touchmove="touchmove";
        _touchend="touchend";
    }
    var sx,sy,ex,ey;
    document.addEventListener(_touchstart,function(event){
        if(isPC){
            sx=event.clientX;
            sy=event.clientY;
        }else{
            sx=event.targetTouches[0].pageX;
            sy=event.targetTouches[0].pageY;
        }
    },false);
    document.addEventListener(_touchmove,function(){
        if(isPC){
            ex=event.clientX;
            ey=event.clientY;
        }else{
            ex=event.targetTouches[0].pageX;
            ey=event.targetTouches[0].pageY;
        }
    },false);
    document.addEventListener(_touchend,function(){
        if(isPC){
            ex=event.clientX;
            ey=event.clientY;
        }else{
            ex=event.targetTouches[0].pageX;
            ey=event.targetTouches[0].pageY;
        }
    },false);