定时器上的可移动标签

// 示例代码：优化拖动事件处理
let isDragging = false;
let offsetX, offsetY;

element.addEventListener('mousedown', (e) => {
    isDragging = true;
    offsetX = e.clientX - element.offsetLeft;
    offsetY = e.clientY - element.offsetTop;
});

document.addEventListener('mousemove', (e) => {
    if (!isDragging) return;
    element.style.left = `${e.clientX - offsetX}px`;
    element.style.top = `${e.clientY - offsetY}px`;
});

document.addEventListener('mouseup', () => {
    isDragging = false;
});

// 示例代码：保存和恢复标签位置
function savePosition(elementId, x, y) {
    localStorage.setItem(elementId, `${x},${y}`);
}

function restorePosition(elementId) {
    const pos = localStorage.getItem(elementId);
    if (pos) {
        const [x, y] = pos.split(',').map(Number);
        const element = document.getElementById(elementId);
        element.style.left = `${x}px`;
        element.style.top = `${y}px`;
    }
}