Руководство по HTML

Полный список тегов HTML

Свойство ontoggle в событии HTML

Онлайн пример

Когда элемент <details> открывается или закрывается, выполняется JavaScript:

Пример

<!DOCTYPE html>
<html>
<head>
<title>Использование события ontoggle в HTML (Веб-сайт основного руководства oldtoolbag.com)</title>
<style>
div {
　　фоновый цвет: желтый;
　　граница: 1px сплошная #cccccc;
　　отступ: 10px;
}
</style>
</head>
<body>
<p>Откройте детали.</p>
<details ontoggle="myFunction()">
<summary>Copyright 1999-2019.</summary>
<p>Все права защищены.</p>
<p>Подробное содержание и абзацы здесь демонстрируются.</p>
</details>
<p><strong>Примечание:</strong> Событие ontoggle поддерживается в Chrome, Safari 6+ и Opera 15+.</p>
<script>
function myFunction() {
　　alert("Событие ontoggle сработало");
}
</script>
</body>
</html>

Проверьте, как это выглядит ‹/›

Определение и использование

Когда пользователь открывает или закрывает элемент <details>, срабатывает свойство ontoggle.
Элемент <details> определяет другие детализированные данные, которые пользователь может отображать или скрывать по мере необходимости.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Различия между HTML 4.01 и HTML5

В HTML5 свойство ontoggle добавлено как новое.

Грамматика

<элемент ontoggle="script">

Значение атрибута

Значение	Описание
script	Скрипт выполняется в ontoggle

Технические детали

Поддерживаемые теги HTML:	<details>

Соответствующие страницы

Справочник по DOM HTML: событие ontoggle

Свойства событий HTML

HTML: <template> тег