ClickAwayListenerAPI

React ClickAwayListener 元件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。

示範

如需此 React 元件用法的範例和詳細資訊，請造訪元件示範頁面

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

監聽在文件中的某處、元素本身之外發生的點擊事件。例如，如果您需要在人們點擊頁面上的其他任何位置時隱藏選單。

名稱	類型	預設值	描述
children*	element	-	包裝的元素。此需要能夠容納 ref。
onClickAway*	func	-	當偵測到「click away」事件時觸發的回呼。
disableReactTree	bool	false	如果 `true`，則忽略 React 樹狀結構，僅考慮 DOM 樹狀結構。此 prop 會變更 portal 元素的處理方式。
mouseEvent	'onClick' \| 'onMouseDown' \| 'onMouseUp' \| 'onPointerDown' \| 'onPointerUp' \| false	'onClick'	要監聽的滑鼠事件。您可以透過提供 `false` 來停用監聽器。
touchEvent	'onTouchEnd' \| 'onTouchStart' \| false	'onTouchEnd'	要監聽的觸控事件。您可以透過提供 `false` 來停用監聽器。

元件無法容納 ref。

如果您在此頁面中找不到資訊，請考慮查看元件的實作以取得更多詳細資訊。