Los últimos tutoriales de desarrollo web

×

JavaScript Referencia

Visión de conjunto

JavaScript

JS cadena JS Número JS operadores JS declaraciones JS Mates JS Fecha JS Formación JS Boole JS RegExp JS situación general JS Conversión

Navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementos DOM atributos DOM evento DOM Estilo

HTML Objetos

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

otros objetos

CSSStyleDeclaration

Evento ontoggle

<Objeto de evento

Ejemplo

Ejecutar un JavaScript cuando un <details> elemento se abren o se cierran:

<details ontoggle="myFunction()">

Inténtalo tú mismo "

Definición y Uso

El evento ontoggle se produce cuando el usuario abre o cierra el <details> elemento.

La <details> elemento especifica detalles adicionales que el usuario pueda ver u ocultar bajo demanda.

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.

Evento
ontoggle	12.0	No soportado	No soportado	6.0	15.0

Sintaxis

En HTML:

< Inténtalo tú mismo "

En JavaScript:

object .ontoggle=function(){ Inténtalo tú mismo "

En JavaScript, utilizando el addEventListener() método:

object .addEventListener("toggle", myScript );

Inténtalo tú mismo "

Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.

Detalles técnicos

burbujas:	No
cancelable:	No
Tipo de evento:	Evento
etiquetas HTML admitidas:	<detalles>
DOM Versión:	Nivel 3 Eventos

<Objeto de evento