反應 | 合成事件接口

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的內容。