Evento ontoggle

Definição e uso

O evento ontoggle ocorre ao abrir ou fechar o elemento <details>.

O elemento <details> define detalhes adicionais que o usuário pode visualizar ou ocultar conforme necessário.

Exemplo

Execute JavaScript ao abrir ou fechar o elemento <details>:

<details ontoggle="myFunction()">

Experimente você mesmo

Sintaxe

No HTML:

<elemento ontoggle="myScript">

Experimente você mesmo

No JavaScript:

objeto.ontoggle = function(){myScript};

Experimente você mesmo

No JavaScript, use o método addEventListener():

objeto.addEventListener("toggle", myScript);

Experimente você mesmo

Notas:O Internet Explorer 8 ou versões anteriores não suportam Método addEventListener().

Detalhes técnicos

Bolha: Não suportado
Cancelável: Não suportado
Tipo de evento: Evento
Etiquetas HTML suportadas: <details>
Versão DOM: Eventos de Nível 3

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o evento.

Evento Chrome IE Firefox Safari Opera
ontoggle 12.0 Não suportado 48.0 6.0 15.0