组件事件

分类	Hooks	Classes
\-	-	-

大纲

• 事件
  • 复合事件（事件类型）
    • 键盘
    • 鼠标
    • 表单
  • 声明
    • 回调
    • 参数类型
    • 自定义事件
  • 触发
  • 绑定及传参
    • 绑定
    • 移除监听
    • 事件修饰符
      • 键盘修饰符
      • 鼠标修饰符
  • DOM 事件对象
    • 事件冒泡和捕获
    • 阻止传播
      • e.stopPropagation()
    • 阻止默认行为
      • e.preventDefault()
  • 原理
    • 事件代理
    • DOM 事件模型

复合事件

类型	事件
鼠标	-
键盘	-
表单	-
\-	-
\-	-
\-	-

React 在原生事件上实现了一个层，以消除跨浏览器的差异。

事件声明

• 回调
• 参数类型

Hooks

Classes

事件触发

• 回调
• 参数类型

Hooks

Classes

事件绑定及传参

• 邦迪
• 传参
• 移除事件监听

Hooks

Classes

DOM 事件对象

• 捕获及冒泡
• 阻止传播
• 阻止默认行为

Hooks

Classes

DOM 事件模型

事件代理

https://zh-hans.legacy.reactjs.org/blog/2020/08/10/react-v17-rc.html

参考

• https://zh-hans.legacy.reactjs.org/docs/events.html
• https://zh-hans.legacy.reactjs.org/docs/codebase-overview.html#event-system
• https://blog.csdn.net/m0_75074819/article/details/143838382
• https://zh-hans.react.dev/learn/responding-to-events
• https://zh-hans.react.dev/learn/separating-events-from-effects
• https://zh-hans.legacy.reactjs.org/docs/codebase-overview.html#event-system
• https://zh-hans.legacy.reactjs.org/docs/events.html
• https://zh-hans.legacy.reactjs.org/docs/faq-functions.html
• https://blog.csdn.net/m0_75074819/article/details/143838382