Backbone Marionette 焦点事件

Question

我想对 show/hide 包含文本区域的区域使用 focus/blur 事件。

在我的模板中：

<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 中）？以及为什么从不执行点击事件（而是模糊）？

Answer 1

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

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