Backbone Marionette焦点活动

Question

我想使用焦点/模糊事件来显示/隐藏包含textarea的区域。

在我的模板中：

<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）时，为什么焦点对我的模板不起作用？为什么从不执行click事件（但是模糊了呢？）

Answer 1

我找到的解决方案是添加tabIndex并将div.area作为表单组件：

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