Получение разницы в движении мыши с помощью JavaScript

#javascript #html

#javascript #HTML

Вопрос:

Мне интересно, есть ли простой способ получить разницу в движении мыши с помощью JavaScript.

Я имею в виду, что если пользователь переместит курсор на 5 пикселей вправо, значение переменной будет равно 5, а если пользователь переместит мышь в исходное положение, переменная будет равна нулю. Это также будет означать, что если пользователь переместит курсор влево от начальной позиции, это приведет к отрицательному значению. Также было бы здорово создать другую переменную для положения Y курсора.

Это будет сделано с event.clientX помощью и event.clientY;

Спасибо за любую помощь 🙂

Ответ №1:

Попробуй это:

 document.addEventListener('mousemove', (e) => {
    console.log('X: '   e.clientX);
    console.log('Y: '   e.clientY)
})