React onFocus 和 onFocusCapture 区别

Question

我想知道反应事件之间有什么区别：onFocus 和 onFocusCapture。我在 React 的文档页面上找不到合适的答案。

<OutlinedInput
    label="price from"
    onFocus={handlePriceFocus}
/>
<OutlinedInput
    label="price to"
    onFocusCapture={handlePriceFocus}
/>

就我而言，onFocus 和 onFocusCapture 似乎执行相同的功能，因为我在使用这两个事件时没有发现任何区别。

Answer 1

这是 React 在他们的文档中所说的：

"The event handlers below are triggered by an event in the bubbling phase. To register an event handler for the capture phase, append Capture to the event name; for example, instead of using onClick, you would use onClickCapture to handle the click event in the capture phase." reactjs.org/docs/events

所以，我认为没有什么可说的了。我的理解就像没有 'capture' 代码在事件之后执行，而有 'capture' 它在事件之前执行。

React onFocus 和 onFocusCapture 区别

React onFocus and onFocusCapture difference

javascript

dom-events

reactjs