react学习笔记1

1. React合成事件

  • 事件传播与阻止事件传播
    DOM事件传播分为三个阶段:捕获阶段,目标对象本身,冒泡阶段,addEventListener默认为在事件冒泡阶段触发。React合成事件也只支持事件冒泡机制。
    阻止原生事件传播需要使用e.stopPropagation()方法,对于不支持该方法的浏览器需要通过e.cancelBubble=true来阻止,而React合成事件中,使用e.stopPropagation()即可。

  • 事件类型
    React合成事件类型是原生事件类型的一个子集,有些事件React并没有实现,例如window的resize事件。

  • 事件绑定方式
    原生事件通过addEventListener或attachEvent绑定。
    React合成事件通过onClick属性绑定。

  • 事件对象
    低版本IE中,只能通过window.event获取事件对象。
    React合成事件处理函数中,可以获取到一个通用的合成事件对象。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容