Manual de Referência HTML

大全 de etiquetas HTML

Propriedade de evento ontoggle em HTML

Exemplo Online

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

Exemplo

<!DOCTYPE html>
<html>
<head>
<titulo>Uso da propriedade de evento ontoggle em HTML (Tutorial Básico da Web oldtoolbag.com)<//titulo>
<style>
div {
　　fundo: amarelo;
　　borda:　1px sólido #cccccc;
　　espessura:　10px;
}
</estilo>
</cabecalho>
<body>
<p>Abra os detalhes.</p>
<details ontoggle="myFunction()">
<resumo>Direitos autorais　1999-2019.</resumo>
<p>　-　Todos os direitos reservados./p>
<p>Conteúdo e parágrafos detalhados são exibidos aqui..</p>
</detalhes>
<p><strong>Nota:</A propriedade de evento ontoggle suporta Chrome, Safari　6+, e Opera　15+.</p>
<script>
function myFunction() {
　　alert("Evento ontoggle acionado");
}
</script>
</body>
</html>

Teste e veja ‹/›

Definição e uso

Quando o usuário abre ou fecha o elemento <details>, o atributo ontoggle é acionado.
O elemento <details> especifica outras informações detalhadas que o usuário pode visualizar ou ocultar conforme necessário.

Compatibilidade de navegadores

IEFirefoxOperaChromeSafari

HTML 4.01 com HTML5 a diferença

No HTML5Nele, a propriedade ontoggle é uma nova adição.

Sintaxe

<elemento ontoggle="script">

Valor do atributo

Valor	Descrição
script	O script é executado no ontoggle

Detalhes técnicos

Etiquetas HTML suportadas:	<details>

Páginas relacionadas

Manual de referência HTML DOM: Evento ontoggle

Atributos de eventos HTML

HTML: <template> etiqueta