React的事件和普通的HTML事件有什么不同?

区别:

(1)对于事件名称命名方式,原生事件为全小写,react事件采用小驼峰命名规则

(2)对于事件函数处理语法,原生事件为字符串,react事件为函数

(3)react事件不能采用return false的方式来阻止浏览器的默认行为,而必须要明确地调用preventDefault()来阻止默认行为

合成事件是react模拟原生DOM事件所有能力的一个事件对象,其优点如下:

(1)兼容所有浏览器,更好的跨平台

(2)将事件统一存放在一个数组,避免频繁的新增与删除(垃圾回收)

(3)方便react统一管理和事务机制

事件的执行顺序为原生事件先执行,合成事件后执行,合成事件会冒泡绑定到document上,所以尽量避免原生事件与合成事件混用,如果原生事件阻止冒泡,可能会导致合成事件不执行,因为需要冒泡到document上合成事件才会执行。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值