Как получить количество оборотов (неполных) колёсика мыши?

Question

[Don2Quixote]

Когда крутишь колёсико мыши - оно не изменяет положение страницы плавно. Прокрутка происходит, в зависимости от настроек windows у пользователя, на несколько строчек. Мне нужно обработать каждое движение мыши.
Так может быть не понятно, но вот так точно будет понятно:
На странице играет фоновая музыка. Колёсиком мыши должна изменяться ее громкость. Сама страница не крутится вниз (видно на скриншоте). Для того, что бы менять громкость нужно каждый микрооборот мыши обрабатывать функцией, а в функции узнавать направление этого микрооборота.

Comments

[Kim_Soal]

А на счет плавности - со встроенными событиями всегда так.

Делайте таким образом, чтобы при событии mousewheel что-то менялось, но не чаще, чем какое-то время.

Есть готовые библиотеки для именно таких вещей.

Answer 1

[Andrey Tsvetkov]

Есть у window такое событие, mousewheel при его наступлении в обработчик передаётся экземпляр события, в котором есть параметр deltaY, если он больше нуля, то скролим вниз, если меньше, значит вверх

Comments

[Andrey Tsvetkov]

window.addEventListener('mousewheel', function(e){
    if(e.deltaY > 0) {
        console.log('уменьшаем громкость')
    }
    if(e.deltaY < 0) {
        console.log('увеличиваем громкость')
    }
})

[Don2Quixote]

Похожее решение видел на просторах гугла, но непонятна кое-какая деталь. Почему в function(e) {...}
e - принимается как событие?

[Andrey Tsvetkov]

потому-что так устроены все события в JS