Магистральное фокусное событие фокуса

Question

Я хочу использовать фокусы/размытия, чтобы показать/скрыть область, содержащую текстовое поле.

В моем шаблоне:

<div class="area"> 
    <textarea/> 
    <div class="actions"> 
     <div class="action"/> 
    </div> 
</div> 

В моей Backbone кукольного зрения:

events: { 
    'focus .area': 'onFocus', 
    'blur .area': 'onBlur', 
    'click .action': 'onAction' 
}, 

Почему фокус не работает на моем шаблоне, когда я нажмите на .zone DIV (но в textarea вместо)? И почему событие click никогда не выполняется (но вместо этого размытие)?

Answer 1

Решение, которое я нашел, чтобы добавить tabIndex и сделать div.area как форма компонента:

<div class="area" tabIndex="0"> 
    <textarea/> 
    <div class="actions"> 
     <div class="action"/> 
    </div> 
</div>