Javascript 对焦点和焦点位置差异作出反应

Javascript 对焦点和焦点位置差异作出反应,javascript,reactjs,dom-events,Javascript,Reactjs,Dom Events,我想知道react事件:onFocus和onFocusCapture之间有什么区别。我在react的文档页面上找不到合适的答案 <OutlinedInput label="price from" onFocus={handlePriceFocus} /> <OutlinedInput label="price to" onFocusCapture={handlePriceFocus} /> 在我

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

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


在我的例子中,似乎
onFocus
onFocusCapture
做了相同的功能,因为我在使用这两个事件时没有注意到任何差异。

这是React在其文档中所说的:

下面的事件处理程序是由冒泡阶段的事件触发的。若要注册捕获阶段的事件处理程序,请将捕获附加到事件名称;例如,您可以使用onClick capture来处理捕获阶段的单击事件,而不是使用onClick

所以,我想关于这件事没有什么可说的了。我的理解是,如果没有“捕获”,代码将在事件之后执行,而使用“捕获”,代码将在事件之前执行