backbone.js - 检测点击 Backbone/Marionette 中的 itemview 容器

Question

我有以下项目 View :

return Marionette.ItemView.extend({
        template:tpl,
        tagName: 'div',
        className: 'v_itv_record_type_item',
        events:{
            'click @ui.item':'itemClicked'
        },
        ui:{
            item:'.v_itv_record_type_item'
        },
        itemClicked:function(e){
            console.log('clicked');
        }
    });

使用以下 Handlebars 模板:

<div class="clicktarget">
Stuff Goes Here
</div>

如果您单击这些项目 View 之一，它不会注册单击事件。我知道 Backbone 只限制访问 DOM 的 View 切片，但显然这并没有扩展到包含 div 本身，即使包含 div 不是任何模板、父 View 或其他的一部分。

如果我们在 .clicktarget 处更改 ui 哈希和点项目点击已注册。但这给了我一个 <div><div>stuff goes here</div></div>结构似乎没有原因。这是检测对整个项目 View DOM 元素的单击的唯一方法吗？

Answer 1

您可以通过省略选择器在 View 元素上注册点击事件:

events:{
  'click' :'itemClicked'
}

请注意，如果您在 View 级别有一个事件处理程序，则 View 内的所有点击都会冒泡并触发它的处理程序，除非它被停止( event.stopPropagation()) 在途中。这是预期的行为。