反应 | 合成事件接口

Question

TLDR

什么是bubbles 、 cancelable 、 defaultPrevented 、 eventPhase 、 isTrusted 、 timestamp ， type SyntheticEvent 以及如何使用它

回答

您好，我是 react 和 react 原生开发者。
今天在react中学习SyntheticEvent的时候，有一个关于SyntheticEvent这个接口的疑问

boolean bubbles
boolean cancelable
DOMEventTarget currentTarget
boolean defaultPrevented
number eventPhase
boolean isTrusted
DOMEvent nativeEvent              // I know it is original browser dom event
void preventDefault()             // I know it is for prevent element basic event like a tag
boolean isDefaultPrevented()      // I guess it is for knowing is preventDefault() is executed 
void stopPropagation()            // I know it is for stop event bubbling and capturing
boolean isPropagationStopped()    // I guess it is for knowing is stopPropagation() is executed
void persist()                    // It is for persist synthetic event pooling
DOMEventTarget target             // I know target means dom event target like 
number timeStamp
string type

所以在这种情况下，我不知道什么是bubbles 、 cancelable 、 defaultPrevented 、 eventPhase 、 isTrusted 、 timestamp 、 type以及我们如何使用这个接口。

这有什么好的用例吗？

Answer 1

其中大部分是从原生Event继承的。

您可以在 MDN 文档中了解它们。

您还可以在此处阅读有关特定SyntheticEvent的内容。