Урок-FE3-JS-20.
“Події клавіатури та миші
(частина 2).”

Щоб побачити результати роботи скриптів, відкрийте інструменти розробника DevTools!

1.Події клавіатури:
Властивості key і code​.
Клавіші-модифікатори.

2.Події миші​:
Типи подій миші.
Порядок подій.
Кнопка миші.
Координати: clientX/Y, pageX/Y.
Прокрутка (scroll).

Відносно Window: clientX та clientY​

Переміщуйте мишку, щоб побачити координати щодо вікна:

Відносно Window:

Відносно Document: pageX та pageY​

Переміщуйте мишку, щоб побачити координати щодо вікна:

Відносно Document:

Прокрутка (scroll)​

Прокрутіть сторінку...

0.Заголовок