Как захватить ключевые события на простом div?

Question

Если мы хотим, чтобы захватить ключевое событие на текстовое поле или contenteditable DIV мы можем просто использовать метод «addEventListener» с «нажатием клавиши», «KeyUp» событие .. но ..

Если я хочу, чтобы захватить событие «keyup» на простом элементе div без атрибута «contenteditable»? Как я могу это сделать?

Answer 1

Вы можете использовать атрибут tabindex, поэтому он может быть сфокусирован. Вот скрипка:

https://jsfiddle.net/87p6r7w6/1/

Пользователь должен фокусировать DIV первый, или вы можете сделать это с помощью .focus()