Backbone Marionette 焦点事件
Backbone Marionette focus event
我想对 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
中)?以及为什么从不执行点击事件(而是模糊)?
我找到的解决方案是添加tabIndex
并使div.area
成为表单组件:
<div class="area" tabIndex="0">
<textarea/>
<div class="actions">
<div class="action"/>
</div>
</div>
我想对 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
中)?以及为什么从不执行点击事件(而是模糊)?
我找到的解决方案是添加tabIndex
并使div.area
成为表单组件:
<div class="area" tabIndex="0">
<textarea/>
<div class="actions">
<div class="action"/>
</div>
</div>