单击时用鼠标左右移动按钮

问题描述 投票:0回答:1
javascript html button slider mousemove
1个回答
0
投票
    const moveButton = document.getElementById('moveButton');
let isMouseDown = false;

moveButton.addEventListener('mousedown', () => {
    isMouseDown = true;
    moveButton.style.cursor = 'grabbing';
});

document.addEventListener('mouseup', () => {
    isMouseDown = false;
    moveButton.style.cursor = 'grab';
});

document.addEventListener('mousemove', (event) => {
    if (isMouseDown) {
        moveButton.style.left = `${event.clientX - moveButton.clientWidth / 2}px`;
        moveButton.style.top = `${event.clientY - moveButton.clientHeight / 2}px`;
    }
});
© www.soinside.com 2019 - 2024. All rights reserved.