跳到主要內容
+

點擊外部監聽器

點擊外部監聽器元件偵測子元素外部何時發生點擊事件。

ClickAwayListener API

匯入

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

透過閱讀這份關於最小化套件大小的指南,了解它們之間的差異。

屬性

名稱類型預設描述
children*element-

被包裝的元素。

onClickAway*func-

當偵測到「點擊外部」事件時觸發的回呼函數。

disableReactTreeboolfalse

如果 true,則會忽略 React 樹狀結構,僅考慮 DOM 樹狀結構。此屬性會變更入口元素的處理方式。

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

要監聽的滑鼠事件。您可以提供 false 來停用監聽器。

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

要監聽的觸控事件。您可以提供 false 來停用監聽器。


元件無法持有 ref。