ClickAwayListenerAPI

React ClickAwayListener 组件的 API 参考文档。了解此导出模块的属性、CSS 和其他 API。

演示

有关此 React 组件用法的示例和详细信息，请访问组件演示页面

import ClickAwayListener from '@mui/material/ClickAwayListener';
// or
import { ClickAwayListener } from '@mui/material';

通过阅读本关于最小化 bundle 大小的指南，了解两者之间的区别。

监听文档中元素外部某处发生的点击事件。例如，如果您需要在用户点击页面上其他任何位置时隐藏菜单。

名称	类型	默认	描述
children*	元素	-	包裹的元素。这需要能够持有 ref。
onClickAway*	函数	-	当检测到“点击外部”事件时触发的回调。
disableReactTree	布尔值	false	如果为 `true`，则忽略 React 树，仅考虑 DOM 树。此属性更改了 portal 元素的处理方式。
mouseEvent	'onClick' \| 'onMouseDown' \| 'onMouseUp' \| 'onPointerDown' \| 'onPointerUp' \| false	'onClick'	要监听的鼠标事件。您可以通过提供 `false` 来禁用监听器。
touchEvent	'onTouchEnd' \| 'onTouchStart' \| false	'onTouchEnd'	要监听的触摸事件。您可以通过提供 `false` 来禁用监听器。

该组件无法持有 ref。

如果您在本页中没有找到所需信息，请考虑查看组件的实现以获取更多详细信息。