ClickAwayListener API
导入
import ClickAwayListener from '@mui/base/ClickAwayListener';
// 或
import { ClickAwayListener } from '@mui/base';Listen for click events that occur somewhere in the document, outside of the element itself. For instance, if you need to hide a menu when people click anywhere else on your page.
属性
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| children* | element | The wrapped element. ⚠️ Needs to be able to hold a ref. | |
| onClickAway* | func | Callback fired when a "click away" event is detected. | |
| disableReactTree | bool | false | If true, the React tree is ignored and only the DOM tree is considered. This prop changes how portaled elements are handled. |
| mouseEvent | 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onPointerDown' | 'onPointerUp' | false | 'onClick' | The mouse event to listen to. You can disable the listener by providing false. |
| touchEvent | 'onTouchEnd' | 'onTouchStart' | false | 'onTouchEnd' | The touch event to listen to. You can disable the listener by providing false. |
组件无法持有 ref。