美文网首页
react学习(19)事件处理

react学习(19)事件处理

作者: 哆啦C梦的百宝箱 | 来源:发表于2022-08-19 10:42 被阅读0次
    知识点

    1:通过onXxx属性指定事件处理函数(注意大小写)

    • a:react中使用的是自定义合成事件,为了更好的兼容性,而非原生的dom事件。React 事件触发时机后于原生事件。React 事件是在冒泡阶段触发
    • b:react中的事件,是通过事件委托的方式处理的。比如我们想给ul下的每一个li绑定事件触发一些动作,其实我们是给li的父元素,ul绑定,这就叫事件委托。所有React 事件 都绑定在document上。
    • c:通过event.target可以获取到发生事件的DOM元素。
    • d:说明react事件的执行顺序:混合使用原生和react事件(不推荐)


      image.png

      如果同一个元素既绑定了原生事件,又绑定了react事件,如果原生事件阻止冒泡,那么react事件就不会执行。

    相关文章

      网友评论

          本文标题:react学习(19)事件处理

          本文链接:https://www.haomeiwen.com/subject/nnajgrtx.html