Guide de référence HTML

Tous les balises HTML

Attribut d'événement ontoggle HTML

Exemple en ligne

Exécutez JavaScript lorsque l'élément <details> est ouvert ou fermé :

Exemple

<!DOCTYPE html>
<html>
<head>
<title>Utilisation de l'attribut d'événement ontoggle HTML (Tutoriel de base du site web oldtoolbag.com)</title>/title>
<style>
div {
　　background: jaune;
　　border:　1px solide #cccccc;
　　padding:　10px;
}
</style>
</head>
<body>
<p>Ouvrez les détails.</p>
<details ontoggle="myFunction()">
<résumé>Copyright　1999-2019.</résumé>
<p>　-　Tous droits réservés.</p>
<p>Le contenu détaillé et les paragraphes sont affichés ici..</p>
</détails>
<p><strong>Remarque :</L'attribut d'événement ontoggle est pris en charge par Chrome et Safari　6+, et Opera　15+.</p>
<script>
function myFunction() {
　　alert("Événement ontoggle déclenché");
}
</script>
</body>
</html>

Voyons si ‹/›

Définition et utilisation

Lorsque l'utilisateur ouvre ou ferme l'élément <details>, l'attribut ontoggle est déclenché.
L'élément <details> permet aux utilisateurs de visualiser ou de masquer d'autres détails à leur demande.

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

HTML 4.01 et HTML5 différences

Dans HTML5Dans ce contexte, l'attribut ontoggle est une nouveauté.

Syntaxe

<element ontoggle="script">

Valeur de l'attribut

Valeur	Description
script	Le script s'exécute dans ontoggle

Détails techniques

Balises HTML prises en charge:	<details>

Pages associées

Manuel de référence HTML DOM Événement ontoggle

Attributs d'événement HTML

HTML: <template> balise