Manual de referencia HTML

Glosario de etiquetas HTML

Propiedad de evento ontoggle en HTML

Ejemplo en línea

Ejecutar JavaScript cuando el elemento <details> se abra o cierre:

Ejemplo

<!DOCTYPE html>
<html>
<cabecera>
<título>Uso de la propiedad de evento ontoggle en HTML (Tutoriales básicos de la web oldtoolbag.com)</título>/título>
<estilo>
div {
　　fondo: amarillo;
　　borde:　1px sólido #cccccc;
　　pADDING:　10px;
}
</estilo>
</cabecera>
<body>
<p>Abrir detalles./p>
<details ontoggle="miFunción()">
<resumen>Copyright　1999-2019.</resumen>
<p>　-　Todos los derechos reservados./p>
<p>Se muestra aquí el contenido y párrafos detallados.../p>
</detalles>
<p><strong>Nota:</La propiedad de evento ontoggle admite Chrome y Safari　6+, y Opera　15+.</p>
<script>
function myFunction() {
　　alert("El evento ontoggle se activa");
}
</script>
</body>
</html>

Prueba y mira ‹/›

Definición y uso

Al abrir o cerrar el elemento <details>, se activa el atributo ontoggle.
El elemento <details> especifica otros detalles adicionales que el usuario puede ver o ocultar a petición.

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

HTML 4.01 Con HTML5 diferencias

En HTML5En, el atributo ontoggle es nuevo.

Sintaxis

<elemento ontoggle="script">

Valor del atributo

Valor	Descripción
script	El script se ejecuta en ontoggle

Detalles técnicos

Etiquetas HTML admitidas:	<details>

Páginas relacionadas

Manual de referencia del DOM HTML: Evento ontoggle

Atributos de eventos HTML

HTML: <template> etiqueta