点击传播Ember视图

Question

我有一个＆＃34;模块列表＆＃34;使用自定义视图表示

App.ModuleBlockView = Ember.View.extend({
    tagName:            'div',
    draggable:          'true',
    attributeBindings:  ['style', 'draggable'],
    ...

正如您所见，此视图可以拖动以允许求助。 除了拖动功能之外，当单击视图以提供有关被点击模块的详细信息时，会打开一个模态。

在此视图中，我想放置一个下拉菜单，如下所示：

{{#view App.ModuleBlockView contentBinding="module"}}
    {{view Ember.Select
        contentBinding="module.whatever"
        ...}}
{{/view}}

但是，如果我点击select元素，那么模态会打开因为在DOM中冒泡的点击事件。

阻止点击事件冒泡的最佳方法是什么。

Answer 1

您可以通过从事件处理程序返回false来停止事件冒泡。在您的情况下，可能需要扩展Ember.Select并覆盖单击功能。

click: function () {
    return false
}

如果您在问题中添加JSBin来证明您的问题，那么我会尝试添加此解决方案。