Блог

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

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

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

В моем представлении Backbone Marionette:

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

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

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

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