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

hir*_*129 1 reactjs

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

componentDidMount() {
    document.addEventListener('focus', this.adjustFocus);
}
adjustFocus(e: SyntheticEvent) {
    console.log(e);
}
Run Code Online (Sandbox Code Playgroud)

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

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

har*_*isu 5

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

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