Manuale di riferimento HTML

Completo elenco dei tag HTML

Attributo di evento HTML ontoggle

Esempio online

Quando l'elemento <details> viene aperto o chiuso, viene eseguito JavaScript:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>Utilizzo dell'attributo di evento ontoggle in HTML (Sito di base per tutorial oldtoolbag.com)</title>
<style>
div {
　　background: yellow;
　　border: 1px solid #cccccc;
　　padding: 10px;
}
</style>
</head>
<body>
<p>Apri i dettagli.</p>
<details ontoggle="myFunction()">
<summary>Copyright 1999-2019.</summary>
<p>Copyright ©.</p>
<p>Il contenuto dettagliato e i paragrafi vengono mostrati qui.</p>
</details>
<p><strong>Nota:</strong> L'attributo di evento ontoggle è supportato da Chrome, Safari 6+ e Opera 15+.</p>
<script>
funzione myFunction() {
　　alert("Evento ontoggle attivato");
}
</script>
</body>
</html>

Prova a vedere ‹/›

Definizione e uso

Quando l'utente apre o chiude l'elemento <details>, viene attivato l'attributo ontoggle.
L'elemento <details> specifica altre informazioni dettagliate che l'utente può visualizzare o nascondere a piacimento.

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Differenze tra HTML 4.01 e HTML5

In HTML5, l'attributo ontoggle è stato aggiunto di recente.

Sintassi

<elemento ontoggle="script">

Valore dell'attributo

Valore	Descrizione
script	Lo script viene eseguito in ontoggle

Dettagli tecnici

Etichette HTML supportate:	<details>

Pagine correlate

Manuale di riferimento HTML DOM: Evento ontoggle

Proprietà degli eventi HTML

HTML: <template> etichetta