在Three.js中，当用户拖动鼠标时，如何获得正确的坐标

document.addEventListener('mousemove', onDocumentMouseMove, false);

function onDocumentMouseMove(event) {
    event.preventDefault();
    
    // 获取鼠标的当前位置
    var mouseX = event.clientX;
    var mouseY = event.clientY;
    
    // 进一步处理鼠标位置...
}

function onDocumentMouseMove(event) {
    event.preventDefault();
    
    // 获取鼠标的当前位置
    var mouseX = event.clientX;
    var mouseY = event.clientY;
    
    // 计算鼠标位置相对于窗口的比例
    var windowWidth = window.innerWidth;
    var windowHeight = window.innerHeight;
    var mousePosX = (mouseX / windowWidth) * 2 - 1;
    var mousePosY = -(mouseY / windowHeight) * 2 + 1;
    
    // 创建一个射线投射器
    var raycaster = new THREE.Raycaster();
    
    // 设置射线的起点和方向
    raycaster.setFromCamera(new THREE.Vector2(mousePosX, mousePosY), camera);
    
    // 获取射线与场景中物体的交点
    var intersects = raycaster.intersectObjects(scene.children);
    
    // 进一步处理交点...
}