#mouse event

[z3ts]

‘wheel’ vs ‘onscroll’ Event

Отличия колёсика от прокрутки

Несмотря на то, что колёсико мыши обычно ассоциируется с прокруткой, это совсем разные вещи.

При прокрутке срабатывает событие onscroll — рассмотрим его в дальнейшем. Оно произойдёт при любой прокрутке, в том числе через клавиатурy, но только на прокручиваемых элементах. Например, элемент с overflow:hidden в принципе не может сгенерировать onscroll.

А событие wheel является чисто «мышиным». Оно генерируется над любым элементом при передвижении колеса мыши. При этом не важно, прокручиваемый он или нет. В частности, overflow:hidden никак не препятствует обработке колеса мыши.

Кроме того, событие onscroll происходит после прокрутки, а onwheel — до прокрутки, поэтому в нём можно отменить саму прокрутку (действие браузера).

https://learn.javascript.ru/mousewheel

http://www.w3schools.com/jsref/event_onwheel.asp

[guangyi-flyaway]

canvas addEventListener

For canvas, can only use addEventListener  on element canvas, not the certain context within canvas.

So it's always be canvas.addEventListener("mousemove",mouseMove, false); something like that.

And within mouseMove function, if you want to find the right context, you need to use event.pageX or event.pageY to get the mouse position and find the context you're looking for.