跳到内容
+

点击外部监听器

Click-Away Listener 组件检测点击事件何时发生在子元素外部。

ClickAwayListener API

导入

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

了解更多关于差异的信息,请阅读这篇关于最小化捆绑包大小的指南

Props

名称类型默认值描述
children*element-

被包裹的元素。

onClickAway*func-

当检测到“点击外部”事件时触发的回调。

disableReactTreeboolfalse

如果为 true,则忽略 React 树,仅考虑 DOM 树。此属性更改了 portal 元素的处理方式。

mouseEvent'onClick'
| 'onMouseDown'
| 'onMouseUp'
| 'onPointerDown'
| 'onPointerUp'
| false
'onClick'

要监听的鼠标事件。您可以通过提供 false 来禁用监听器。

touchEvent'onTouchEnd'
| 'onTouchStart'
| false
'onTouchEnd'

要监听的触摸事件。您可以通过提供 false 来禁用监听器。


该组件无法容纳 ref。