@Drovosek01

Что означает приставка document: при прослушке событий и где про это почитать?

В Angular столкнулся с задачей отслеживания нажатия клавиш в компоненте и по нажатию определенных клавиш выполнять определенную логику.

Например, чтобы при нажатий на клавиатуре стрелок влево или вправо, отображаемые фотографии листались в соответствующих направлениях.

Проблема в том, что если я прослушиваю просто 'keyup' или 'keydown' (либо 'keyup.ArrowLeft' и 'keyup.ArrowRight'), то написанная логика не работает.
Если я к вышеперечисленным событиям клавиш добавляю вначале текст "document:", то все работает нормально как и задумывалось.
Вот тут есть примеры - https://stackoverflow.com/questions/42348837/angul...

Собственно хочется узнать где я могу посмотреть документацию по тому, какие вообще бывают приставки, помимо "document:" и почему без них обработчик не работает?
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ответы на вопрос 1
joeberetta
@joeberetta
Читай: https://epdf.pub/google-for-dummies.html
Проблема в том, что если я прослушиваю просто 'keyup' или 'keydown' (либо 'keyup.ArrowLeft' и 'keyup.ArrowRight'), то написанная логика не работает.

Все верно, потому что события нажатия клавиш биндятся ко всему документу, а не какому-то конкретному дом узлу.

Собственно приставка 'document:' означает, что данный метод будет прослушивать глобальные события, а не события конкретного элемента

Тут был задан другой вопрос, но в ответе объясняется что это и как оно работает

P.s. вопрос относится больше к Angular, добавьте тег к вопросу
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы