美文网首页
#React中的事件

#React中的事件

作者: Aaro_3835 | 来源:发表于2020-02-01 23:32 被阅读0次

这里的事件:React内置的DOM组件中的事件

1.给document注册事件

2.几乎所有的元素的事件处理,均在document的事件中处理

    1.一些不冒泡的事件,是直接在元素上监听的

    2.一些document上面没有的事件,直接在元素上监听

3.在document的事件处理,React会根据虚拟DOM树的完成事件函数的调用

4.React的事件参数,并非真实的DOM事件参数,是React合成的一个的对象,该对象类似于真实的DOM的事件参数

    1.stopPropagation,阻止事件在虚拟DOM树中冒泡

    2.nativeEvent,可以得到真实的DOM事件对象 

    3.为了高效执行效率,React使用事件对象池来处理事件对象

**注意事项**

1.如果给真实的DOM注册事件,阻止了事件冒泡,则会导致react的相应事件无法触发

2.如果给真实的DOM注册事件,事件会先于React事件运行

3.通过React的事件中阻止事件冒泡,无法阻止真实的DOM事件冒泡

4.可以通过nativeEvent.stopImmediatePropagation(),阻止document上剩余事件的执行

5.在事处理程序中,不要异步的使用事件对象,如果一定要使用,需要调用persist函数

相关文章

  • React 事件处理机制

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

  • React快速上手5-react中的事件和生命周期函数

    这节中我们将主要介绍react应用中的事件和生命周期函数 React事件 在react中,我们不用addEvent...

  • React基础篇(六)React中绑定事件的注意点

    本小节讲述在 React 中为 button 设置点击事件的注意点 1 前言 在 React 中,事件的名称都是 ...

  • react的setState是同步还是异步

    直接上结论: 在react的合成事件中是异步在原生事件、setTimeout中是同步。 首先,在react中,平常...

  • React的合成事件

    React的合成事件:React中声明的事件最终只绑定在document节点上, 通过事件代理的方式来实现事件的操...

  • React中的事件

    事件 在 React 中你不能通过返回 false(愚人码头注:即 return false; 语句) 来阻止默认...

  • React中的事件

    1.事件的名称要用onClick来代替onclick,onChange来代替onchange等; 2.改变状态值要...

  • react中的事件

    react基于Virtual DOM实现了一个SyntheticEvent(合成事件)层,我们所定义的事件处理会接...

  • #React中的事件

    这里的事件:React内置的DOM组件中的事件 1.给document注册事件 2.几乎所有的元素的事件处理,均在...

  • React——(二)

    React事件 React中的事件是SyntheticEvent。这是一个基于浏览器本机事件的跨浏览器的封装。它与...

网友评论

      本文标题:#React中的事件

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