我也遇到过同样的问题。这对我很有效。

handleBlur(event) {
    // if the blur was because of outside focus
    // currentTarget is the parent element, relatedTarget is the clicked element
    if (!event.currentTarget.contains(event.relatedTarget)) {
        .....
    }
}

尽情享受吧：）

我以前也遇到过这个问题，我不确定这是否是最好的解决方案，但我最终还是用了这个方法。
由于click事件在blur之后触发，因此没有（跨浏览器的，可靠的）方法来判断哪个元素获得了焦点。
然而，Mousedown在blur之前触发，这意味着你可以在子元素的mousedown中设置一些标志，然后在父元素的blur中询问这个标志。
工作示例：http://jsfiddle.net/L5Cts/
请注意，如果您还想捕获由键盘引起的模糊，则还必须处理keydown（并检查Tab/shift-tab）。

我不认为mousedown会在所有浏览器中的焦点事件之前发生，所以处理这个问题的更好的方法是使用evt.relatedTarget。对于focusin事件，eventTarget属性是对当前失去焦点的元素的引用。您可以检查该元素是否是父元素的后代，如果不是，您知道焦点是从外部进入父级。对于focusout事件，relatedTarget是对当前接收焦点的元素的引用。使用相同的逻辑来确定焦点是否完全离开父级：

const parent = document.getElementById('parent');

parent.addEventListener('focusin', e => {
    const enteringParent = !parent.contains(e.relatedTarget);

    if (enteringParent) {
        // do things in response to focus on any child of the parent or the parent itself
    }
});

parent.addEventListener('focusout', e => {
    const leavingParent = !parent.contains(e.relatedTarget);

    if (leavingParent) {
        // do things in response to fully leaving the parent element and all of its children
    }
});