Angular2 использовать `слушать` метод `визуализации` класс, чтобы связать события клавиатуры, как `вниз`


В моем сценарии я хочу привязать событие keydown к динамически создаваемым элементам.

Поэтому я использую listen из класса Renderer для его реализации.

Вот мой фрагмент кода:

this.listenFunc = renderer.listen(elementRef.nativeElement, 'keydown', (event) => {
  console.log(event);
  console.log('Keypressed on element');
});

К сожалению, это не может работать, я могу связать событие мыши, как click и dblclick, но не повезло с событием клавиатуры.

Любые идеи будут оценены по достоинству.

Здесь Plunkr Demo для вашей ссылки.

1 2

1 ответ:

Для работы событий клавиатуры элемент должен иметь фокус, для элемента, который не является входным элементом, чтобы получить фокус, он должен иметь набор tabindex

 <h2 tabindex="0">Hello World!</h2>

Пример плунжера