Применение события mousemove

Question

На https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event к переменной myPics применяется событие mousemove, а мне необходимо, чтобы вместо myPics фигурировал скроллбар (т.е. курсор мыши остановился бы на скроллбаре) , если я правильно понял событие mousemove (подробности см. на Получение координат курсора мыши после её передвижения. Обращение к скроллбару). Каким образом отследить момент, при котором курсор мыши переводится с левого бокового меню на скроллбар?

P.S. Создал новый вопрос, т.к. предыдущий стал довольно объемным. Прошу не минусовать, поскольку я новичок.

Answer 1

Есть вариант с определением координат мыши за пределом документа:

document.addEventListener("mousemove", function(e){
    if( document.querySelector('body').offsetWidth <= e.offsetX ){
      console.log('GOTCHA!')//если мышь вышла за пределы body, то срабатывает код на этом месте
    }
});

body {
    overflow-y: scroll;
    height: 200vh;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
</body>
</html>

Также вы можете попробовать сделать html-элемент, который с помощью js будет осуществлять прокрутку страницы (или другого элемента), а в CSS его поместить на место скроллбара задав абсолютное позиционирование, указав для этого элемента position: absolute, и свойства top, right, left, bottom, задать по длине всей страницы.

БЛОГ НА HUSL

Применение события mousemove

Ответы (1 шт):