如何解除父元素事件监听器（没有jQuery）中的子元素？

Question

我正在建立一个手风琴，你可以点击一个名单列表，它会在下面显示一个生物。我想取消绑定子元素bios能够切换打开/关闭点击的配置文件。是否可以从父级的点击事件监听器中取消绑定子元素？我更喜欢在没有jQuery的情况下使用Javascript。

我想也许可以使用css并将指针事件设置为“没有”＆＃39;会这样做，但javascript点击监听器会覆盖它。

谢谢！

Answer 1

您可以只允许点击，但在父点击处理程序中放置一个过滤器，以查看点击的元素，event.target。假设您将parent设置为名称/配置文件元素：

profile.onclick = function(e) {
    // verify the click happened on this element, not on a child:
    if (e.target !== this) return false; // exit
    // collapse/expand code comes here
}