Как сделать элемент (div) активным?
 

Всем привет!
Ситуация:
1.слева дерево - справа табличка
2.навигация клавой по дереву - справа загрузка данных (ajax)
3.события от клавы уходят на табличку
Как сделать дерево "активным", чтобы события от клавы попадали в компоненту дерева?

Не очень понял, поясните

при нажатии клавы события идут в таблицу справа, а надо чтобы события продолжали идти на обработку в дереве.
Т.е. слева проходим по веткам дерева (клавиши 'up' 'down'), а справа меняется содержание таблички.
Классически мастер-детейл.

если мышкой ткнуть в охватывающий div элемента дерева, то события от клавы опять идут в дерево. Хочется без мышки

am_sasa,
Какой код используете? Выложите здесь

am_sasa,
Чтобы фокус был – нужно добавить дереву атрибут tabindex="0" через JS или в HTML. Затем вызвать:

дерево.focus();

Фокусировка: focus/blur
https://learn.javascript.ru/focus-blur