js获取鼠标移动坐标

Posted 甘小春

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取鼠标移动坐标相关的知识,希望对你有一定的参考价值。

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);

 

以上是关于js获取鼠标移动坐标的主要内容,如果未能解决你的问题,请参考以下文章

js怎么获得鼠标当前坐标

如何通过鼠标移动事件获取相机位置并在three.js中转换为屏幕坐标? [关闭]

在three.js中获取鼠标点击点的3D坐标

在 THREE.js 中获取鼠标相对于 3D 空间的坐标

JS 获取屏幕中鼠标的坐标值

Cesium 获取鼠标点击坐标及世界坐标与弧度(经纬度)转换