HTML | onggle Atributo de evento

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: 
 

Toggle Attribute

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

Publicación traducida automáticamente

Artículo escrito por R_Raj y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *