stopPropagation不会阻止使用Bootstrap popover冒泡

Question

我试图阻止点击React Bootstrap popover来冒泡并触发父元素上的onClick处理程序。实际上，使用标准event.stopPropagation()并不会阻止传播，也不会使其本机对应：

Please see the working reduced test case on JSBin.

我当前的方法（在父＆＃39; onClick事件中）是检查目标元素是否在popover的DOM树内（为方便起见，使用jQuery.has）：< / p>

function onParentClicked(e) {
    if (!$(this.refs.parentElement).has(e.target)) {
        // click did NOT originate from popover
    }
}

这种方法大多有效，但在儿童stopPropagation处理程序中简单地使用onClick似乎是一种愚蠢的解决方法。

这可能是React Bootstrap错误吗？或者我错过了我应该如何处理这个逻辑的东西？

Answer 1

您可以尝试将Popover放在父div之外吗？