美文网首页
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)事件处理

    知识点 1:通过onXxx属性指定事件处理函数(注意大小写) a:react中使用的是自定义合成事件,为了更好的兼...

  • 2018-11-07 react 事件处理

    react事件处理和dom事件处理是相似的。 react: Dom: 所以: React事件绑定属性的命名采用驼峰...

  • react文档——事件处理

    事件处理 React 元素的事件处理和 DOM 元素的事件处理非常相似。但也有一些语法差异: React 事件使用...

  • React 事件处理机制

    React在处理事件和HTML中JS处理事件不同,本文介绍React中的事件处理机制。React中不同通过返回fa...

  • React基础(6) -- 事件处理

    React 事件处理 React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑...

  • ReactJS_06 React 事件处理

    React 事件处理 React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑...

  • React 事件处理

    React 事件处理 React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑...

  • react随笔5 事件处理

    事件处理 React元素的事件处理和DOM元素的事件处理很相似,但是有一点语法上的不同: React事件绑定属性的...

  • React事件绑定this的几种方法

    React事件处理函数绑定this的集中方法 Follow me on GitHub React事件处理函数绑定t...

  • 学习笔记:React事件处理

    一、React 事件处理 React 元素的事件处理和 DOM 元素类似,但是有一点语法上的不同。 React 事...

网友评论

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

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