El evento de activación se activa cuando el usuario abre o cierra el elemento <detalles>. El elemento <detalles> se utiliza para proporcionar información/detalles adicionales que el usuario puede ver u ocultar detalles según los requisitos.
Etiquetas admitidas:
- <detalles>
Sintaxis:
<details ontoggle = "script">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se activa una llamada de evento.
Nota: este atributo funciona con la etiqueta de detalles.
Ejemplo:
html
<!DOCTYPE html >
<html>
<head>
<title>ontoggle event attribute</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>ontoggle event attribute</h2>
<p>Click below to open the details.</p>
<details ontoggle="Geeks()">
<summary style="color:blue";>What is the full
form of HTML</summary>
<p>Hyper Text Markup Language</p>
</details>
<script>
function Geeks() {
alert("The ontoggle event triggered");
}
</script>
</body>
</html>
Producción:
Navegador compatible: el navegador compatible con el atributo de evento ontoggle se enumera a continuación:
- Google Chrome 12.0
- Ópera 15.0
- Firefox 48.0
- Safari 6.0