Pular para o conteúdo
Ajude a traduzir esta página

ClickAwayListener API

Documentação da API para o componente React ClickAwayListener . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import ClickAwayListener from '@mui/base/ClickAwayListener';
// ou
import { ClickAwayListener } from '@mui/base';
Você pode aprender sobre a diferença lendo este guia sobre como minimizar o tamanho do pacote.

Ouça eventos de clique que ocorram em algum lugar no documento, fora do próprio elemento. Por exemplo, se você precisar ocultar um menu quando as pessoas clicarem em qualquer outro lugar da sua página.

Propriedades

NomeTipoPadrãoDescrição
children*element
The wrapped element.
⚠️ Needs to be able to hold a ref.
onClickAway*func
Callback fired when a "click away" event is detected.
disableReactTreeboolfalse
Se true, a árvore React é ignorada e apenas a árvore DOM é considerada. Essa propriedade muda a forma como os elementos portáteis são tratados.
mouseEvent'onClick'
| 'onMouseDown'
| 'onMouseUp'
| 'onPointerDown'
| 'onPointerUp'
| false		'onClick'
O evento do mouse a escutar. Você pode desativar o ouvinte fornecendo false.
touchEvent'onTouchEnd'
| 'onTouchStart'
| false		'onTouchEnd'
The touch event to listen to. You can disable the listener by providing false.

O componente não pode manipular ref.

Demonstrações