骨干木偶焦点事件答案

【问题标题】：Backbone Marionette focus event骨干木偶焦点事件
【发布时间】：2017-02-13 23:02:39
【问题描述】：

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

在我的模板中：

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

在我的骨干木偶视图中：

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

为什么当我点击.zone div（而是在textarea 中）时，焦点在我的模板上不起作用？以及为什么从不执行点击事件（而是模糊）？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：