Javascript 避免事件捕获

Javascript 避免事件捕获,javascript,inheritance,polymer,web-component,core-elements,Javascript,Inheritance,Polymer,Web Component,Core Elements,我试图避免使用聚合自定义元素,因此我只想在元素中包含的['items']引发事件时触发事件 我有两个不同的自定义元素。两个自定义元素都在扩展。 一个在包另一个 所以我有点像: <my-parent-element> <parentItem>I'm a parent <my-child-element> <childItem>I'm a child</childItem>

我试图避免使用聚合自定义元素,因此我只想在元素中包含的['items']引发事件时触发事件

我有两个不同的自定义元素。两个自定义元素都在扩展。 一个在包另一个

所以我有点像:

<my-parent-element>
    <parentItem>I'm a parent
       <my-child-element>
           <childItem>I'm a child</childItem>
           <childItem>I'm a child</childItem>
           <childItem>I'm a child</childItem>
       </my-child-element>
    </parentItem>
    <parentItem>I'm a parent</parentItem>
    <parentItem>I'm a parent</parentItem>

</my-parent-element>
…因为我甚至不想触发这个方法

你可以复制它。OnCreselect会写入详细信息,但只有选择父级才能执行此操作。如您所见,当单击任何子项时,它会触发事件


谢谢

仅当使用声明性事件映射完成“由项引发”时才调用方法

以下是文档及其示例:


这正是我正在使用的。你可以在Plunker里查一下。
onCoreSelect: function (event, detail, sender) {
                if (!detail.item.classList.contains('child')) {
                   return;   //Dislike!
                }
);