js实时获取鼠标的坐标

document.addEventListener('mousemove', function(event) {
    var x = event.clientX; // 鼠标相对于浏览器窗口可视区域的X坐标
    var y = event.clientY; // 鼠标相对于浏览器窗口可视区域的Y坐标
    console.log('鼠标坐标：', x, y);
});

var isMouseOverElement = false;

document.getElementById('myElement').addEventListener('mouseenter', function() {
    isMouseOverElement = true;
});

document.getElementById('myElement').addEventListener('mouseleave', function() {
    isMouseOverElement = false;
});

function updateMousePosition(event) {
    if (isMouseOverElement) {
        var x = event.clientX;
        var y = event.clientY;
        console.log('鼠标坐标：', x, y);
    }
}

document.addEventListener('mousemove', function(event) {
    requestAnimationFrame(() => updateMousePosition(event));
});