React处理点击组件以外区域事件

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React处理点击组件以外区域事件相关的知识，希望对你有一定的参考价值。

参考技术A

addEventListener , this.component.contains

如keyword所示, 就是利用contains()函数判断点击区域是否包含目标DOM.

如果用在浮窗上, 希望点击非浮窗区域浮窗隐藏, 在 console.log(\'click outside\') 处触发隐藏state就行了.

以上是关于React处理点击组件以外区域事件的主要内容，如果未能解决你的问题，请参考以下文章

React4.事件处理与类组件状态

Android 自定义组件 事件处理

React 组件中的事件处理组件(受控非受控)函数柯里化

如何实现一个可以处理其子组件中所有事件的React容器？

react判断点击位置是否为组件内,实现点击外部触发组件内事件

React面向组件编程 - 基本理解和使用 - 组件三大核心属性state-props-refs - 事件处理 - 非受控组件 - 受控组件 - 高阶函数 - 函数柯里化