React之事件处理


一,总结

1,React通过onXxx属性指定事件处理函数

  • React通过自定义(合成)事件,而不是使用原生DOM事件,目的为了更好的兼容性,适用于IE9及以上
  • React中的事件是通过事件委托方式(冒泡)处理的(委托给组件最外层的元素)

2,通过event.target得到发生事件的DOM元素对象

二,show1函数中接到的event是React封装的事件对象,这个event拥有和原生event同样的属性

但原生的事件对象效率低,把所有属性都挂载到对象上,封装好的event对象是属性都准备好了,但没有值。


    

三,js中的自定义事件

1,js中原生事件

js自动将事件对象传入,根据情况用的话,在函数的形参中接下event,event就是发生事件的事件对象


    
    

2,js中自定义事件