文档对象焦点事件在 React 中无法正常工作

Question

我正在尝试将焦点事件绑定到具有很少输入字段的文档。

componentDidMount() {
    document.addEventListener('focus', this.adjustFocus);
}
adjustFocus(e: SyntheticEvent) {
    console.log(e);
}

但是当我将焦点从一个输入更改为另一个输入时，未调用 adjustmentFocus 方法。但是方法被调用用于事件，如单击、滚动。

这是小提琴：https://jsfiddle.net/hirantha129/nbtqp7sx/

Answer 1

您应该尝试向 eventListener 添加第三个参数，如下所示

componentDidMount() {
    document.addEventListener('focus', this.adjustFocus, true);
}
adjustFocus(e: SyntheticEvent) {
    console.log(e);
}