Poznajemy niektóre, z mouse events, które na tym poziomie już powinniśmy znać i ich używać. Do dzieła.
click: event kliknięcia lewym przyciskiem myszy.
dblclick: podwójne kliknięcie lewym myszy.
contextmenu: kliknięcie prawym myszy
mousedown: kliknięcie myszą i przytrzymanie
mouseup: puszczenie przyciśniętego klawisza myszy
mouseenter: rozpoczęncie hovera nad elementem
mouseleave: zakończenie hovera nad elementem
mouseover: kursor hoveruje nad elementem lub jego dziećmi
mouseout: opuszczenie elementu lub jego dziecka (lub !== i)
mousemove: przesuwanie myszy
Mouseout vs mouseleave:
Mouseleave mamy odpalany, kiedy np. ul mamy, jesteśmy nad ul i opuszczamy kursorem ul.
Mouseout mamy, w przypadku naszego ul, za każdym razem, gdy z jednego dziecka (np. li) zjedziemy na drugie. Mamy też kolejny mouseout, gdy wyjdziemy poza ul.
Mouseover vs mouseenter:
Weźmy po raz kolejny listę ul z elementami li. Mouseover będzie odpalony gdy wejdziemy do ul i gdy wejdziemy do dowlonego jej li, dowolnego spanu, wyjdziemy z li do ul, wejdziemy do kolejnego ul.
Mouseenter zostanie odpalony, gdy wejdziemy do głównego ul. Nie jest ważne co dalej tam robimy z pointerem.
Więcej o eventach myszy już niedługo.
