ontoggleイベント

DOM イベント Event オブジェクト

定義と使用方法

onggleイベントは、ユーザーが<details>要素を開いたり閉じたりした際に発生します。

<details>要素は、ユーザーが必要に応じて表示または非表示にできる詳細情報を定義します。

例

<details>要素が開かれたり閉じられたりした際にJavaScriptを実行します：

<details ontoggle="myFunction()">

自分で試してみてください

構文

HTMLで：

<要素 ontoggle="myScript">

自分で試してみてください

JavaScriptで：

オブジェクト.ontoggle = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する方法：

オブジェクト.addEventListener("toggle", myScript);

自分で試してみてください

注釈：Internet Explorer 8 またはそれ以前のバージョンではサポートされていません addEventListener() メソッド。

技術的詳細

バブル： サポートされません
キャンセル可能： サポートされません
イベントタイプ： イベント
サポートされる HTML タグ： <details>
DOM バージョン： レベル3 イベント

ブラウザサポート

表の数字は、そのイベントを完全にサポートする最初のブラウザバージョンを示しています。

イベント Chrome IE Firefox Safari Opera
ontoggle 12.0 サポートされません 48.0 6.0 15.0
DOM イベント Event オブジェクト