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

Question

[Drovosek01]

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

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

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

Собственно хочется узнать где я могу посмотреть документацию по тому, какие вообще бывают приставки, помимо "document:" и почему без них обработчик не работает?

Comments

[Alex]

Вы задаёте вопрос по Angular, но не ставите в тегах Angular. Надеетесь на удачу?

[Drovosek01]

Alex, то есть приставка "document:" это чисто ангуляровская фишка?

[Alex]

Drovosek01, Очень на то похоже. Я с Angular не работаю, не знаю что это (могу только угадывать). Но в ванильном JS такого не встречал.

Answer 1

[Шохрух Шаймардонов]

Проблема в том, что если я прослушиваю просто 'keyup' или 'keydown' (либо 'keyup.ArrowLeft' и 'keyup.ArrowRight'), то написанная логика не работает.

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

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

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

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