備忘録的プログラミングリファレンス

toggle ( ontoggle )イベント

 toggle ( ontoggle )イベントは、<details> エレメントを開くまたは閉じると発生するイベントです。

toggle ( ontoggle )イベント
document.getElementById("exmpl_video").ontoggle = ( event )=>{
	console.log( event );
};

詳しくは Example を参照してください

構文(Syntax)

in HTML

<tagelement ontoggle="function()">

in JavaScript

object.ontoggle = function(){ };

object.addEventListener("toggle", script_);

備考(Remarks)

BubblesNo
CancelableNo
InterfaceEvent
Supported HTML Elements<detail>

Example

 toggle ( ontoggle )イベントの例です。<details> エレメントを開閉するたびにこのイベントが発生します。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。